我正在创建一个需要在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进行测试。