未配置自定义初始屏幕
— 更新日期
Appears in: PWA 审核
自定义初始屏幕使您的渐进式 Web 应用 (PWA) 感觉更像是为特定设备专门构建。默认情况下,当用户从主屏幕启动您的 PWA 时,Android 会显示一个白屏,直到 PWA 准备就绪。用户可能会看着这个空白的白色屏幕长达 200 毫秒。通过设置自定义初始屏幕,您可以向用户显示自定义背景颜色和 PWA 图标,提供品牌化、吸引人的体验。
Lighthouse 初始屏幕审计如何失败 #
Lighthouse 会标记没有自定义初始屏幕的页面:
如何创建自定义初始屏幕 #
只要您在 Web 应用清单中满足以下要求,Android 版 Chrome 就会自动显示您的自定义初始屏幕:
name
属性设置为您的 PWA 的名称。background_color
属性设置为有效的 CSS 颜色值。icons
数组指定一个至少为 512x512 像素的图标。- 指定的图标存在且为 PNG。
有关更多信息,请参阅为 Chrome 47 中已安装的 Web 应用添加初始屏幕。
资源 #
Last updated: — Improve article