全屏模式下未禁用300毫秒点击延迟(iOS safari)

时间:2016-12-18 14:09:05

标签: ios ipad viewport meta-tags

我正在创建一个需要在ipad上以全屏模式显示的网络应用。我还需要删除300毫秒的点击延迟,让应用程序响应性地执行。为此,我在标题中添加了以下元标记:

<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0">

当我将网站添加到主屏幕时,会激活全屏模式(Safari,分享 - >添加到主屏幕)。

我遇到的问题是,当我在Safari中查看Web应用程序时,300ms的点击延迟被删除,但是,在全屏模式下(通过主屏幕图标打开应用程序时),300ms点击延迟仍然存在。

作为一个非常简单的例子,这里有一个带有2个单选按钮的codepen,其元标记设置如上所述:

http://codepen.io/cgat/full/ZBwYyW/

如果您在移动版Safari中打开此笔并添加到主屏幕,您会看到无线电点击的延迟。

我正在使用ipad air进行测试。

0 个答案:

没有答案