Web 应用清单不符合可安装性要求
Published on • Updated on
Translated to: English, Español, Português, 한국어, Pусский, 日本語
可安装性是 Progressive Web Apps (渐进式 Web 应用,PWA) 的核心要求。通过提示用户安装您的 PWA,您允许用户将其添加到他们的主屏幕。将应用添加到主屏幕的用户会更频繁地使用这些应用。
Web 应用清单包含使您的应用可安装所需的关键信息。
Lighthouse Web 应用程序清单审计如何失败
Lighthouse会标记没有满足可安装性最低要求的Web 应用程序清单的页面:
![显示用户无法从其主屏幕安装 Web 应用的 Lighthouse 审计](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/039DlaixA4drrswBzSra.png?auto=format)
如果页面的清单不包含以下属性,则审计将失败:
short_name
或name
属性- 包含 192x192 像素和 512x512 像素图标的
icons
属性 start_url
属性- 设置为
fullscreen
、standalone
或minimal-ui
的display
属性 - 设置为非
true
值的prefer_related_applications
属性。
要使您的应用可安装,Web 应用清单是必需**的,但这还不够。要了解如何满足可安装性的所有要求,请参阅了解可安装性帖子。
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
如何使您的 PWA 可安装
确保您的应用具有符合上述条件的清单。有关创建 PWA 的更多信息,请参阅可安装集。
如何检查您的 PWA 是否可安装
在 Chrome 中
当您的应用满足可安装性的最低要求时,Chrome 会触发 beforeinstallprompt
事件,您可以使用该事件提示用户安装您的 PWA。
通过使其可安装代码实验室了解如何使您的应用可安装在 Chrome 中。
在其他浏览器中
其他浏览器对安装和触发 beforeinstallprompt
事件有不同的标准。请检查他们各自的网站以获取详细的信息:
资源
Updated on • 改进文章