PWA 与 Safari 网站有啥区别?

Posted

技术标签:

【中文标题】PWA 与 Safari 网站有啥区别?【英文标题】:What's the difference of a PWA vs. Safari website?PWA 与 Safari 网站有什么区别? 【发布时间】:2020-11-21 09:12:59 【问题描述】:

我想知道 Safari 中的网站与渐进式网络应用程序(当您单击 Safari -> 共享 -> 添加到主屏幕时)之间有什么区别。

以本网站为例

https://beta.play.geforcenow.com/

在 Safari 中引导到一个网站,该网站显示了创建 PWA 的步骤,但是一旦你打开这个新创建的 PWA,它会引导你到另一个网站。

那里使用的机制是什么?这是不同的用户代理吗?

【问题讨论】:

【参考方案1】:

这里使用的技巧是window.navigator.standalone。要欺骗它,只需在页面加载时像这样覆盖它

Object.defineProperty(navigator, 'standalone', get:function()return true;);

【讨论】:

以上是关于PWA 与 Safari 网站有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章

没有 PWA 的 iOS Safari 状态栏主题颜色

使用普通网站和固定在主屏幕上的同一网站有啥区别?

iOS PWA 后台音频支持

在 Safari 和 Webkit 上进行测试有啥区别?

PWA:iOS 12 Safari 中的积极缓存

如何在 Safari iOS13+ 中从 PWA 下载图像