未针对自定义启动画面配置

注意：Lighthouse 中的 PWA 测试已弃用。如需详细了解其弃用情况，请参阅 Chrome 更新后的可安装性标准。如需获取测试指导，请参阅 PWA 文档。

自定义启动画面会让您的渐进式 Web 应用 (PWA) 感觉更像是专为相应设备打造的应用。默认情况下，当用户从主屏幕启动您的 PWA 时，Android 会显示白色屏幕，直到 PWA 准备就绪。用户可能会在长达 200 毫秒的时间里看到此空白屏幕。通过设置自定义启动画面，您可以向用户显示自定义背景颜色和 PWA 的图标，提供具有吸引力的品牌体验。

Lighthouse 启动画面审核如何失败

Lighthouse 会标记没有自定义启动画面的页面：

注意：在 Lighthouse 报告界面中，您通过了所有 PWA 子类别（快速且可靠、可安装和已优化 PWA）中的所有审核后，会获得完整的 PWA 徽章。

如何创建自定义启动画面

只要您在 Web 应用清单中满足以下要求，Chrome（Android 版）就会自动显示自定义启动画面：

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

如需了解详情，请参阅为 Chrome 47 中已安装的 Web 应用添加启动画面。

注意：虽然在单个 512x512 像素图标出现时 Lighthouse 的审核将通过，但 PWA 应包含哪些图标存在一些分歧。 如需了解不同方法的优缺点，请参阅审核：图标大小覆盖范围。

资源

未针对自定义启动画面配置审核的源代码