如何隐藏网站上的Google Chrome状态栏

Question

我注意到了渐进式网络应用程序（PWA）的发展，所以我正在努力了解它们的全部内容。

在大多数PWA中，我看到隐藏了浏览器镶边（URL栏，后退按钮，主页按钮，搜索字段等）。我想弄清楚这是怎么做的。

我正在尝试从头开始构建一个新的PWA，并且到目前为止尝试了这个：

var hideNav = 'location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes';

window.open('test.html', 'null', hideNav);

这就是我在test.html文件中写的内容。这在我在桌面上查看应用程序时有效，但在Mobile上无效。

（我最近从Android开发人员迁移到了Web开发人员，所以我不懂JavaScript和PHP以及Java等语言。）

Answer 1

您可以通过 Web App Manifest 执行此操作。这是Google Developers网站上关于它的非常好的article。

Web App Manifest允许开发人员控制他们的应用程序在添加到主屏幕时的显示方式（另一个PWA功能）。根据您的具体需要，您可以从Web App Manifest中自定义显示类型。您可以在链接的文章中阅读更多相关信息。