Articles of mobile

Android 4上的html5video:全屏播放,然后重定向到另一个网页 – 无法正常工作

我正在为Android 4智能手机设计一个html5页面,其中包含一个3gpp(或mp4)video,打开后必须自动播放全屏; video结束时应重定向到另一个url。 一些谷歌搜索告诉我,在Android 4上不再允许自动播放,因此我选择显示用户必须单击以启动video的海报图像。 然后: 调用全屏模式 video应该自动启动(确实是由用户点击海报图片开始的) video播放完Android后应退出全屏 最后将用户重定向到其他页面。 2和3不起作用:在调用全屏后,用户再次“点击”开始video,当video结束时,exitfullscreen不起作用(屏幕为黑色,用户必须按下手机上的“后退”键才能退出手机video播放器)。 在Android 4上会忽略video.webkitExitFullScreen()和video.play() 。 这是我正在使用的html5标记和javascript代码,你能帮我指点一个解决方案吗? 谢谢! test function videoEnd() { var video = document.getElementById(“video”); video.webkitExitFullScreen(); document.location = “http://www.google.com”; } function playVideo() { var video = document.getElementById(“video”); video.addEventListener(‘ended’, videoEnd, false); video.webkitEnterFullScreen(); video.play(); }

在HTML5 Web应用程序中无法在本机移动应用程序中实现的function是什么?

我最近和很多人谈过,他们说他们希望停止编写原生移动应用程序,并开始编写Web应用程序,一旦HTML5在移动操作系统中得到更充分的发布。 我刚刚完成了我的第一次HTML5深度潜水,我还不确定。 HTML5是否可以作为本机应用程序的替代开发平台,还是某些需要针对本机运行时的东西?

可滚动绝对定位div中相对定位的元素在滚动上“滞后”

我有一个PhoneGap应用程序,显示一个很长的文本,包含我在Android上测试的标题,表格和图像。 除了具有样式position:relative的元素之外,一切正常position:relative这些元素在滚动时“滞后”,这意味着如果我滚动页面然后这些元素开始和结束滚动大约四分之一秒。 将绝对div与相对子项和具有overflow:auto的子项组合时会发生错误。 删除任何这些东西都可以解决这个问题,但是我更喜欢把它留进去。虽然我不愿意删除表并单独显示它(比如在对话框中)。 该错误仅出现在标准的Android浏览器上(当然还有我的PhoneGap应用程序)。 到目前为止,我已使用以下设备对其进行了测试: 三星Galaxy Nexus(4.1.1) 三星Galaxy S III(4.1.2) 任何帮助都很受欢迎,但我更喜欢一个HTML和function没有改变(或不太多)的解决方案。 我创建了一个显示错误的最小示例 。 只需在Android上打开它并开始滚动即可立即看到问题: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a quam arcu. Duis ultrices mollis nibh ut hendrerit. Etiam a interdum metus. Integer volutpat, nibh laoreet euismod suscipit, libero sem iaculis lorem, ut hendrerit magna orci eu elit. Nulla eu […]

适用于iPhone / Android的独家CSS

我正在为我的页面制作一个适合移动设备的样式表。 是否有一种简单的方法可以让它向iPhone / Android用户显示样式表? 或者我是否必须拉动用户代理并以此方式解决问题 – 我该如何做? 此外 – 任何使这种Web开发更容易的工具?

intel xdk,appmobi和crosswalk有什么区别?

据我所知,他们都来自英特尔,做同样的事情,但根本没有提到对方。 因此,有人可以清楚地说出一些混淆,它们是什 我知道它们是用于制作移动应用程序,我检查了appmobi,它对于任何交互式应用程序都没有比phonegap更好。 除此之外,我不知道什么是人行横道(也许它就像cooconjs,但有浏览器和asmjs支持?)。 什么是英特尔xdk ..这是最神秘的……它和人行横道一样吗? 或者它们都是cordova的变种 经过一些研究后,我发现xdk / appmobi建立在phonegap之上,这基本上是cordova。 因此,这里唯一的问题是我从未听过的人行横道。 所以,如果你能告诉我它是什么以及它是如何构建等等,它是否也是cordova框架的变体?

输入文本框隐藏在Android Chrome上的键盘后面

我有一个以下格式的移动网页: 标题 – 徽标等 – 绝对定位 内容 – 可滚动,绝对定位 页脚,40px绝对定位 内容区域有多个输入框。 在Android上的Chrome上,点击页面底部的输入框会导致popup软键盘时输入不在视图中。 页面会滚动以尝试向上移动框,但不足以实际显示。 它最终隐藏在页脚后面。 知道如何解决这个问题吗? 这仅在Chrome-Android上发生。 iOS上的Safari和Windows Phone和其他移动浏览器上的IE工作得很好。

jQuery和移动浏览器的兼容性?

我想为手机构建一个相对简单的网站版本,但我肯定需要JavaScript和jQuery来实现许多function。 谷歌搜索没有帮助find答案。 jQuery与手机中流行浏览器的兼容性如何? 我说的是智能手机。 例如,这些平台的默认浏览器 Windows Mobile 6+ Android 1.5+ iPhone 3G 让我们添加Opera Mobile 。

如何检测Chrome移动设备上是否独立运行网络应用

Chrome移动版最近添加了添加到主屏幕的function,类似于iOS。 这很酷但它不支持它以及iOS – 它不支持window.navigator.standalone因此您无法检测您是否作为独立应用程序运行。 参考文献说: 如何检测应用程序是否作为已安装的应用程序运行? 你不能,直接。 注意它说“直接”。 我的问题是,我们可以间接地做到吗? 是否有一些棘手的方法来做出有根据的猜测?

Android Emulator是否支持OpenGL ES 2.0?

这篇文章http://cobworks.ca/2010/04/19/why-android-market-has-no-games/表明它没有,但我希望自4月以来可能会发生一些变化。

如何在chrome上的新方案中将parameter passing给android Intent?

我有一个网络应用程序通过iframe意图调用android上的本机应用程序,根据以下内容在chrome 25中不起作用…. https://developers.google.com/chrome/mobile/docs/intents 意图的结构如下…… 应用://的RequestType =测试及types= 123&TN = 0000000000 在新的intent://方案中,我如何将app://之后列出的parameter passing给本机应用程序? 我找不到一个例子。