在iOS中浏览webApp时保持全屏模式

Question

我有一个网络应用程序，当使用元标记从iOS主屏幕通过图标启动时，以全屏模式打开

<meta name="apple-mobile-web-app-capable" content="yes">

我还希望在使用普通应用程序浏览应用程序时保持全屏模式

<a href="category/pageA.html">Page A</a>

链接。 我找到了几种手动设置location.href解决方法，以防止iOS在Safari浏览器中打开新页面，但这似乎不起作用。

我目前的（非工作）方法如下：

var openLink = function (event) {
  event.preventDefault();
  let target = event.target;
  while (target.tagName.toUpperCase() !== 'A') {
    target = target.parentNode;
  }
  let href = target.href;
  window.location.href = href;
  return false;
};

然后在每个（内部）链接上使用

<a href="category/pageA.html" onclick="openLink()">Page A</a>

但这不起作用，点击后仍然会打开Safari，以正常模式显示链接页面（没有全屏和地址栏）。

我目前唯一没有尝试的是将我的Web应用程序重构为单页应用程序，因此其中没有“真实”链接。 但如果可能的话，我想避免这种情况。

Answer 1

未经测试，但尝试更换

window.location.href = href;

同

window.location.assign( href );

要么

window.location.replace( href );

前者允许通过window.history.back()进行导航，后者则不允许。