未针对自定义启动画面配置
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
自定义启动画面会让您的渐进式 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 应用添加启动画面。
资源
未针对自定义启动画面配置审核的源代码
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-04-16。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]