PWA在处于独立模式时以Bowser模式打开

时间:2017-10-02 07:44:48

标签: angularjs manifest progressive-web-apps

我们从现有的角度4项目中构建了Progressive Web App。一切都运作良好,直到我们添加清单文件。当您从浏览器访问应用程序时,它会提示您将其添加到主屏幕。但是在添加之后,当您从主屏幕点击图标时,它会在Browser mode的{​​{1}}内部打开。

我不知道为什么它表现如此,可能是什么问题。贝娄是我的manifest.json文件,请帮助我。

Standalone mode

1 个答案:

答案 0 :(得分:2)

您的应用程序的某些其他部分可能出现了问题。

清单只是一个部分 - 如果其他部分,例如serviceworker JavaScript文件没有正确配置,或者连接到服务工作者的JavaScript没有指向正确的位置,然后该应用程序不符合所有标准,成为完整的PWA。

如果它不符合所有标准,则不一定会获得完整PWA的所有功能。

使用Google Lighthouse工具验证您的应用程序配置是否正确: https://developers.google.com/web/tools/lighthouse/

另一个没有正确配置的好提示是,当您第一次在Chrome浏览器上导航到该网站时,它不会提示您将应用添加到桌面。 此外,如果您手动将其添加到桌面,如果桌面图标里面有一个小的Chrome图标,那么这也表明它不能满足PWA的全部要求。