我试图在我的iPhone Web应用程序上设置全屏模式，我已经阅读了苹果文档中关于“apple-mobile-web-app-capable”元标记的说明，但它无法正常工作，您能帮忙吗？谢谢。
移动Safari的全屏显示
10
- Cattani Simone
1
4您是否将其添加到主屏幕并通过主屏幕启动？在普通Safari中无法运行。 - ceejayoz
2个回答
16
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
确保你按照Bala Clark提到的去做
值得一提的是，只有在将应用程序保存到主屏幕并从那里启动时，这些标记才起作用。
- Michaël
4
5这些元标签仅适用于iOS Safari，而且只有在用户将网站添加到主屏幕时才会生效。 - Guillaume Gendre
2值得一提的是，这些标签只有在应用程序被保存到主屏幕并从那里启动时才起作用。 - Bala Clark
我无法在iOS 7上使其工作，是的，我正在从保存的主屏幕图标启动。 - Makoto
我曾经遇到同样的问题，直到我找到了Bala Clark提到的答案。您需要通过在Safari中选择带有向上箭头的框并添加到主屏幕来将该站点添加到主屏幕，这适用于iOS 8，我尚未在其他版本的iOS上进行测试。 - dan
6
您可以添加JavaScript函数 ：
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
- Michaël
2
这适用于URL栏，但有没有办法隐藏底部的导航栏？ - bobighorus
更多关于这个Javascript技巧的内容请参考这里: http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/ - Guillaume Gendre
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接