Tag: html5
允许在iFrame中缩放，但不在iOS中的页面上
我有一个简单的页面 <meta name="viewport" id="extViewportMeta" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 在它上面，一切尺寸都很好地显示在iPhone上。 但是，当我在该页面上放置一个iframe时，iFrame内的所有内容都不可缩放，并缩放到父页面的大小。 我怎样才能允许在iframe中缩放，而不会弄乱我的网页的其余部分？
在HTML5中呈现的H.264编码MP4在Safari上播放，但不在iOS设备上播放
我正在使用Adobe Media Encoder CS5将FLV文件编码为H.264，以通过HTML5在networking上呈现，而且video文件在OS X中的Safari（以及编码为OGG的Firefox）中播放也不错，但在任何iOS设备上iPad，iPhone）我得到的斜线穿过它的戏剧图标。 有没有人遇到过这个，如果是的话，有什么想法，为什么？ 谢谢。
如何检测HTML5自动播放属性是否受支持？
如何最好地检测浏览器的HTML5video元素是否支持自动播放？ 例如，在当前的iOS Safari中， 自动播放function处于禁用状态 。 更新：我现在devise的网页，它的工作方式，而不pipe是否支持自动播放。 现在当页面加载时，显示一个初始化video 。 在iPad上，用户将看到一个大的播放button。 一旦播放被触发，video被隐藏。 之后，可以通过JavaScript控制video播放器的播放 ，这正是我真正需要的。
如何在phonegap应用程序中实现“评分”function
我想添加某种“写评论”或“评价我们”function到我的应用程序，以便我的客户可以轻松地评价和审查我的应用程序。 问题是，该应用程序是使用电话差距来实现的。 是否有可能实现这个function使用html5电话差距？ 谢谢！
离线iOS Web应用程序：加载我的清单，但不能脱机工作
我正在编写一个在iOS上离线使用的Web应用程序。 我创build了一个清单，将其作为text/cache-manifest ，并且在Safari中运行时通常工作正常。 如果我把它作为一个应用程序添加到我的主屏幕，然后打开飞行模式，它根本无法打开应用程序 – 我得到一个错误，它提供closures应用程序。 （我认为这是一个离线应用程序的全部目的！） 在线上第一次加载应用程序时，我可以在我的日志中看到它正在请求清单中列出的每个页面。 如果我closures飞行模式，并加载应用程序，我可以看到它所请求的第一个文件是我的main.html文件（这是清单中列出，并具有manifest=…属性）。 然后它要求清单和我所有其他文件，获得200的所有（和304的任何事情要求在此负载第二次）。 当我在Chrome中加载页面时，点击左右，日志显示它试图到达服务器上的唯一东西是“/favicon.ico”（这是一个404，而我不认为iOS Safari会尝试加载，无论如何）。 清单中列出的所有文件都是有效的，并且没有错误地提供。 Chrome检查员在“APPLICATION CACHE”下列出了我所期望的所有已列出的caching文件。 整套文件大约是50 KB，在我发现的任何离线资源限制下都是如此。 这是应该工作，即，我应该能够创build一个离线的iOS应用程序只使用HTML / CSS / JS？ 我在哪里去弄清楚为什么它不能脱机工作？ （相关，但对我来说听起来不太一样，因为它是关于Safari，而不是一个独立的应用程序：“ 无法让一个Web应用程序脱机工作在iPod上 ”）
iOS 6的js事件function不调用，如果有setTimeout在其中
我注意到这个奇怪的行为与最新的iOS（iOS 6）。 如果为任何具有setTimeout的触摸事件调用函数，那么setTimeout内的部分永远不会被触发。 只有当有“系统animation”，如滚动和放大/缩小，才会发生这种情况。 例如： http://jsfiddle.net/p4SdL/2/ （我用jquery只是为了testing，但同样的情况发生在纯js上） 在任何iOS 6设备上使用Safari浏览器打开该页面，然后放大或缩小。 警报永远不会被调用。 如果在任何iOS 5设备上testing，这将工作得很好！ 在这些animation中，似乎setTimeout或setInterval被操作系统重置。 这是预期的行为还是错误？ 谢谢
是否有可能在没有Mac的情况下为iOS创buildPhoneGap应用程序？
所以我有一个HTML 5应用程序，我可以访问苹果开发人员中心（iOS开发人员中心更准确）。 问题是我可以使用它而不购买（贷款）的Mac？ 这意味着，我可以从Windows或Linux创build/下载我的开发人员证书和configuration文件吗？
如何确定HTML5video播放器何时进入iOS / iPad上的全屏模式？
HTML5标签为用户提供了一个button，用于在移动设备（iOS）的Safari上打开和closures全屏模式。 我想要捕捉和处理这个用户操作，但是当按下button并且播放器进入全屏模式时，似乎不会引发事件。 以下是HTMLVideoElement类的Safari API的链接： http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLVideoElementClassReference/HTMLVideoElement/HTMLVideoElement.html#//apple_ref/doc/uid/TP40009356 我们可以很容易地找出video在Javascript中播放的时间，例如： function onload() { var player = document.getElementsByTagName("video")[0]; player.addEventListener('play',videoPlayHandler,false); player.addEventListener('pause',videoPauseHandler,false); } 但是，当video进入全屏模式时，他们似乎没有任何事件。 我们可以通过调用webkitEnterFullscreen（）来强制video进入全屏模式，以响应用户的操作，但是这对我没有帮助。 我需要知道用户何时点击全屏button。 隐藏控件并用自己的自定义控件replace它们听起来像是一个非常长的解决scheme。 我能想到的另一个select是设置计时事件，不断检查webkitDisplayingFullscreen属性，但是在内存pipe理方面感觉这是一件坏事。 任何人都可以build议更好的解决
`-webkit-overflow-scrolling：touch`在iOS7中最初被closures的元素
看到转基因种子已被释放，我们现在可以谈论它！ 看起来像在iOS7中“-webkit-overflow-scrolling：touch”坏了。 触摸最初在屏幕外的元素的触发事件不会触发（或者在某些情况下触发事件不可靠）。 这里是一个例子： <!DOCTYPE html><html> <head><title>TEST</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes" /> <style> #scrollbox { position: fixed; top: 0px; width: 100%; height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; } .touchDiv { position: relative; width:100%; height:80px; background-color: #FFBBBB; } ul, li { text-indent: 0px; list-style: none; padding: 0px; margin: 0px; } li { padding-top: […]
我如何要求增加iPad上的HTML5本地存储大小，就像FT网页应用程序一样？
如果您打开http://app.ft.com （“金融时报”移动networking应用程序），系统会提示您将该应用程序添加到您的“家庭”中。 完成此操作后，当您打开应用程序时，系统会再次提示您允许本地存储数据库大小增加到50MB。 如何才能做到这一点？ 有一些JavaScript API调用？ 权限或其他？ 这是iPad（iOS？）特定的，还是在其他Webkit浏览器上工作？
