显示：“独立”PWA 不删除地址栏答案

【问题标题】：The display: "standalone" PWA does not remove address bar显示：“独立”PWA 不删除地址栏
【发布时间】：2019-01-22 11:00:16
【问题描述】：

我制作了一个 PWA 应用，清单中有 "display": "standalone"。我的理解是我的应用程序应该在没有地址栏的情况下在本地启动。但是，有一个地址栏。

我做错了什么？我正在运行 Chrome 70。问题发生在 OSX 和 Linux 上。我没有检查 Windows。我的应用托管在https://www.themendapp.com。

请指教。

【问题讨论】：

桌面 PWA 支持仍为 early stage，可能无法在所有地方完全实现。
如果我安装了您的应用程序（MacOS 和 Chrome 71），您的应用程序可以在没有地址栏的情况下运行，然后单击此处的图标 (chrome://apps/)。我没有要测试的 iOS 设备。您在 Chrome 中是否收到安装提示？
对我来说，它安装得很好——来自 Chrome DevTools。我没有连接回调。因此，它不会自行提示 [使用最新的 Chrome]。只是，我确实看到了完整的地址栏。 ;) 谢谢。

【解决方案1】：

当您尝试浏览 scope 之外的页面时，PWA 应用会显示地址栏。否则它将隐藏地址栏并以独立模式显示页面。

例如，如果您在 manifest.json 文件中将作用域设置为 scope: "/my-pwa/"，则所有页面 url 都应具有如下前缀：/my-pwa/page.html。

【讨论】：