Articles of html5

有没有办法有掩盖数字输入字段?

我正在Android上创建一个HTML5应用程序,对于这个特定的场景,我们有一个输入字段,用于信用卡的安全代码,我们想强制输入字段仅限数字并屏蔽。 我没有find这个具体案例的运气,从我自己研究/尝试的一切事情来看,这不能仅仅通过HTML5完成(因为数字和密码都是types的选项,只有一种types可以使用)。 我错过了什么,有一种方法可以popup数字键盘,同时通过HTML5屏蔽输入,还是有另一种方法强制键盘输入types或通过CSS或JavaScript屏蔽输入? 谢谢你的帮助!

如何在Android上自动播放HTML5 mp4video?

我已经开发了一个asp.net的移动页面来播放mp4video。 我知道iOS已禁用自动播放function以最小化用户带宽,那么我如何在Android上自动播放HTML5 mp4video? 我已经将自动播放放在HTML5代码中,但它不起作用。 以下是我的代码: 此外,我已经解决了用户点击图像叠加层可以播放video的问题。 谢谢Karthi 这是代码: $(document).ready(function() { $(“#video1”).bind(“click”, function() { var vid = $(this).get(0); if (vid.paused) { vid.play(); } else { vid.pause(); } }); }); 谢谢 乔

SVG支持智能手机浏览器

我正在调查SVG,所以我想知道是否有人知道SVG支持对于智能手机上的浏览器有多好。 我知道Opera Mini / iPhone支持很多SVG Tiny,但我无法弄清楚对其他浏览器的支持(Blackberry,Pre,Android,Nokia智能手机)。 我知道使用IE作为渲染引擎的手机根本就没有支持。 我试图find最新数据,但在2007年之后找不到任何内容。如果有人可以链接到在移动浏览器上讨论SVG支持的post,我将不胜感激。

“启用DOM存储API”是什么意思?

我遇到了这个Android WebView函数WebSettings.setDomStorageEnabled(true) ,仅从名称我可以推断它只是“启用DOM存储”。 然而,Android文档提出了一些略有不同的内容: 设置是否启用DOM存储API。 IOW,它启用API而不是存储本身。 我的问题是……在遇到这个函数之前,我不知道是否存在这样的API。 我的Google搜索表明此API与HTML5密切相关。 这是否意味着此function与不使用HTML5的网站/页面无关? IOW,它是否会影响现有的非HTML5页面加载和渲染? 我在哪里可以了解有关DOM存储API的更多信息? 特别是,在Android应用程序中调用WebSettings.setDomStorageEnabled(true)时,我需要注意哪些问题或警告? 为什么默认禁用? 更新 :我现在至少可以回答问题#2:事实certificate“DOM存储”的通用名称是“Web存储”,并且有一篇关于此的整篇维基百科文章: http : //en.wikipedia.org/wiki / Web_Storage

android自动调整模式导致网页中的CSS宽度问题

我有Android浏览器的自动resizefunction的问题。 当设备处于纵向模式时,我网站上的宽度有点乱。 我想做的是 为桌面和移动用户提供相同版本的站点。 允许用户随意放大和缩小。 我目前在脑海里有以下几点 我发现以下博客文章描述了我的问题。 这肯定是由自动调整布局引起的(Android WebKit源代码中的“kLayoutFitColumnToScreen”)。 只需尝试禁用自动调整的测试,一切都正确呈现(至少在我的Android设备上)。 Android上的自动调整模式似乎会缩小某些元素的宽度,而不会影响其定位或其他元素的定位。 因此,如果您有一个宽度为1000px的包含块和跨越该宽度的100%的文本,则容器可能保持1000px宽,但其中的文本将以屏幕宽度换行。 http://www.quirksmode.org/blog/archives/2009/09/css_width_unrel.html 有没有办法阻止这种自动调整模式进入? 我不想禁用缩放。 更新: 如果有人知道,我仍在寻找解决方案。 find了有同样问题的人(虽然他们正在使用桌子) 跨页列在Android Web浏览器上折叠(使用自动调整页面时) http://code.google.com/p/android/issues/detail?id=22447&can=4&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars

Bootstrap wysiwyg textarea编辑器在Bootstrap 3上工作

我正在为Bootstrap 3寻找一个所见即所得的textarea编辑器。我在Google上find的所有东西都只适用于Bootstrap 2.有没有人为Bootstrap 3提供一个好的,简单的所见即所得的Edtor?

在iOS或Android上开发WebKit的问题/错误

我即将开发一个支持触控的主要移动WebKit应用程序。 我正在寻找有关与基于桌面的标准浏览器不同的任何提示或建议。 例如: 在iOS上click事件不会向上传播到元素上的元素,除了某些情况(链接,输入,带有附加事件的元素等)。 Android WebKit不会为多点触控发出事件。 我知道这些。 还有其他一些问题吗? 你知道一些已知问题的清单吗?

在android蜂窝webview / webkit中实现水平/垂直手指滑动滚动?

我计划实现基于WebView的Honeycomb平板电脑应用程序(因此,基本上它将是一个仅适用于平板电脑的HTML5基于Web的应用程序 )。 我希望通过滑动手指来实现水平和垂直滚动。 为了更好地理解,我创建了示例大纲 此图像显示类似于Honeycomb的本机设置活动,左右页面可垂直滚动 欢迎任何types的指南或资源。 谢谢

Android嵌入式HTML5video

我在我的文件系统中有一个嵌入式html文件,如果我拖放文件到它,它工作正常 资产/ index.html的 我从这里测试了HTML5video播放。 工作正常。 现在,如果我想显示一个带有HTML5video[在浏览器上工作]作为嵌入式文件的嵌入式页面,只需更改HTML5 android webView播放器的示例代码并拖放该项目的资产中的index.html即可不起作用,应用程序崩溃与此错误: 对不起,app *意外停止了…… 所以我只是改变 mWebView.loadUrl(“http://freebsd.csie.nctu.edu.tw/~freedom/html5/”); 至 mWebView.loadUrl(“file:///android_asset/index.html”); 它不起作用。 我缺少什么,是否有嵌入HTML5video的基本示例?

在Android上禁用标注(上下文菜单)

在Web应用程序中,我需要禁用移动浏览器在触摸目标(例如或链接)上触摸并按住(“长按”)时显示的默认标注。 我已经在使用-webkit-touch-callout: none; 这在iPhone和iPad上运行良好,但似乎不适用于Android(在Android 4.4上测试过)。 来自W3邮件列表的这篇文章建议在Javascript中为“contextmenu”事件添加一个监听器并调用e.preventDefault() 。 这似乎也不起作用。 有什么建议么?