自定义启动画面会让您的渐进式 Web 应用 (PWA) 感觉更像是专为相应设备打造的应用。默认情况下,当用户从主屏幕启动您的 PWA 时,Android 会显示白色屏幕,直到 PWA 准备就绪。用户可能会在长达 200 毫秒的时间里看到此空白屏幕。通过设置自定义启动画面,您可以向用户显示自定义背景颜色和 PWA 的图标,提供具有吸引力的品牌体验。
Lighthouse 启动画面审核如何失败
Lighthouse 会标记没有自定义启动画面的页面:
如何创建自定义启动画面
只要您在 Web 应用清单中满足以下要求,Chrome(Android 版)就会自动显示自定义启动画面:
name
属性设置为您的 PWA 的名称。background_color
属性设置为有效的 CSS 颜色值。theme_color
属性设置为有效的 CSS 颜色值。icons
数组用于指定一个至少为 512x512 像素的图标。- 指定的图标存在,并且是 PNG 格式。
如需了解详情,请参阅为 Chrome 47 中已安装的 Web 应用添加启动画面。