iPad WebApp 全屏不工作

Question

当我为它创建 Web 应用程序时，我的网站曾经以全屏模式运行，但最近它不再以全屏模式显示。新的 iOS 版本或新的 Safari 版本有什么变化吗？

我还有元标记：<meta name="apple-mobile-web-app-capable" content="yes">

为了确认，我正在刷新网站并将书签添加到主屏幕。我似乎无法弄清楚发生了什么变化。

谢谢射频

Answer 1

每当 IOS 更新时，这个主题都会给我们带来很多问题。所以现在 iOS 9 在这里，我们再次寻找答案。很高兴地说，我们已经找到了解决方法，它可能也适用于您。

对于iOS8我们发现添加了如下meta标签

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimal-ui">

... 然后使用 JS 将页面滚动一点然后回到顶部就可以了——这不再适用于 iOS9

window.scrollTo(0, 1);
window.scrollTo(0, 200);
setTimeout(function() {
    window.scrollTo(0, 1);
}, 100);

但是，我们现在发现稍微更改元标记再次纠正了问题（注意比例）：

<meta name="viewport" content="width=device-width,initial-scale=1.01,minimal-ui">

iPad WebApp Full Screen not working