可安装性是渐进式 Web 应用 (PWA) 的核心要求。通过提示用户安装您的 PWA,您可以允许他们将该应用添加到自己的主屏幕。 将应用添加到主屏幕的用户会更频繁地与这些应用互动。
Web 应用清单包含使您的应用可安装所需的关键信息。
Lighthouse Web 应用清单审核如何失败
Lighthouse 会标记没有满足可安装性最低要求的 Web 应用清单的页面:
如果页面的清单不包含以下属性,将无法通过审核:
short_name
或name
属性- 一个
icons
属性,其中包含一个 192x192 像素和一个 512x512 像素图标 start_url
属性- 将
display
属性设置为fullscreen
、standalone
或minimal-ui
- 将
prefer_related_applications
属性设置为除true
以外的值。
如何使 PWA 可安装
确保您的应用具有符合上述条件的清单。 如需详细了解如何创建 PWA,请参阅使其可安装。
如何检查 PWA 是否可安装
在 Chrome 中
当您的应用满足可安装性的最低要求时,Chrome 就会触发 beforeinstallprompt
事件,您可以使用该事件来提示用户安装您的 PWA。
在其他浏览器中
其他浏览器对于安装和触发 beforeinstallprompt
事件有不同的标准。如需了解详情,请查看其各自的网站: