未配置自定义初始屏幕

自定义初始屏幕使您的渐进式 Web 应用 (PWA) 感觉更像是为特定设备专门构建。默认情况下，当用户从主屏幕启动您的 PWA 时，Android 会显示一个白屏，直到 PWA 准备就绪。用户可能会看着这个空白的白色屏幕长达 200 毫秒。通过设置自定义初始屏幕，您可以向用户显示自定义背景颜色和 PWA 图标，提供品牌化、吸引人的体验。

Lighthouse 初始屏幕审计如何失败 #

Lighthouse 会标记没有自定义初始屏幕的页面：

如何创建自定义初始屏幕 #

只要您在 Web 应用清单中满足以下要求，Android 版 Chrome 就会自动显示您的自定义初始屏幕：

• name 属性设置为您的 PWA 的名称。
• background_color 属性设置为有效的 CSS 颜色值。
• icons 数组指定一个至少为 512x512 像素的图标。
• 指定的图标存在且为 PNG。

有关更多信息，请参阅为 Chrome 47 中已安装的 Web 应用添加初始屏幕。

资源 #

未配置自定义初始屏幕审计的源代码