首页 > 解决方案 > 在 IOS PWA 中默认打开 webview 中的外部链接

问题描述

我正在 IOS 11.3 中测试 Progressive Web App。

我的 pwa 有一个 Facebook 社交登录按钮,当单击该按钮时,它会指向一个外部链接(不同的 windows.location)。

问题是 pwa 打开 safari 应用程序以显示外部链接,而不是在 pwa 中使用 webview。因此,当登录完成后,您将不会被重定向到 pwa,而是留在 safari 中。

我尝试了以下示例: https ://gist.github.com/kylebarrow/1042026但似乎不起作用

如何强制 pwa 在 web 视图中打开外部链接?

提前致谢

标签: javascriptioswebviewservice-workerprogressive-web-apps

解决方案


如果你使用 SSR(服务器端渲染)并且你的 PWA 不是静态的,你应该遵循 App Shell 的概念。因此,每次单击外部链接时,都应该将其提取并插入到您的动态部分中。链接:https ://developers.google.com/web/updates/2015/11/app-shell


推荐阅读