我之前也碰到过iOS 11.3里PWA这个跳转的坑，折腾了好一会儿才找到靠谱的解决办法，给你梳理下可行的方案：

方案1：替换parent.href为window.location.replace() #

iOS 11.3对PWA独立模式的跳转逻辑做了限制，直接赋值parent.href会触发系统强制打开Safari。换成replace()方法就能规避这个问题，它会被系统识别为PWA内部的页面导航：

// 替换原来的parent.href赋值
window.location.replace('你的登录页URL');

这个方法不需要额外配置，大部分场景下都能直接生效。

方案2：检查并修正PWA Manifest配置 #

如果你的登录页在当前PWA的作用域之外，系统也会强制跳转到Safari。务必确保manifest.json的配置覆盖登录页路径：

{
  "display": "standalone", // 必须设置为standalone或fullscreen
  "scope": "/", // 确保登录页URL在这个路径范围内
  "start_url": "/"
}

举个例子，如果登录页是/auth/login，那scope设为/就完全覆盖；如果登录页是子域名，可能需要调整scope到对应的路径。

方案3：同域中转页+iframe（跨域登录场景） #

如果登录页和PWA不在同一个域，上面的方法可能失效，这时候可以用同域中转页绕开限制：

1. 新建一个同域的auth-middle.html页面，嵌入登录页的iframe：

<iframe src="https://你的跨域登录页URL" style="width:100%;height:100vh;border:none;"></iframe>
<script>
// 监听登录页发送的登录完成消息
window.addEventListener('message', (event) => {
  if (event.data?.action === 'loginCompleted') {
    window.location.replace('/'); // 跳回PWA主页
  }
});
</script>

2. 在PWA里跳转到这个中转页：

window.location.replace('/auth-middle.html');

3. 登录页完成认证后，向父页面发送消息：

window.parent.postMessage({ action: 'loginCompleted' }, '*');

这样就能全程保持在PWA独立模式内完成登录流程。

额外测试提示 #

• 确保PWA已经添加到主屏幕，iOS 11.3只有主屏幕的PWA才会进入独立模式，直接在Safari打开的不算；
• 偶尔清除Safari的缓存和网站数据，旧的manifest缓存可能导致配置不生效。

内容的提问来源于stack exchange，提问作者Ganesh Prasad Preetham