javascript - 为 iPhone 5 修改 webapp 全屏书签

Question

如何修改激活 webclip 应用程序模式的小书签，以便 iOS 以 4 英寸全屏显示它？:http://cl.ly/text/1H1b3E3K3T0V我已经阅读了优化页面时需要在 html 中进行的更改，但我没有正确使用此脚本。

Answer 1

我怀疑在页面加载后添加元标记“apple-mobile-web-app-capable”是行不通的。 Safari 可能不希望这种情况在事后发生变化，因此不会关注变化。换句话说，我预测您不能使用小书签以如此直接的方式完成您想要做的事情。

我怀疑添加“apple-touch-startup-image”会起作用，因为在用户选择创建主屏幕快捷方式之前，Safari 不会检查此信息。

作为解决该问题的可能方法，您可能会考虑以某种方式尝试使用修改后的 HTML 重新创建页面。小书签可能会像上面那样修改 DOM，然后使用 window.open() 创建一个新的空白选项卡并将其内容设置为等于当前的 document.documentElement.outerHTML。这只是我的一个建议，我还没有测试过。