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

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

Lighthouse 启动画面审核如何失败

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

Lighthouse 审查显示没有为自定义启动画面配置网站

如何创建自定义启动画面

只要您在 Web 应用清单中满足以下要求,Chrome(Android 版)就会自动显示自定义启动画面:

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

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

资源

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