PWA manifest.json - "theme_color“和"background_color”无法工作，安卓设备上未显示闪屏
PWA manifest.json - "theme_color“和"background_color”无法工作，安卓设备上未显示闪屏
提问于 2018-06-07 04:55:08
当我在Chrome DevTools中查看manifest.js时，我可以看到徽标和颜色都在那里。然而，当我在我的android设备上从主屏幕启动网站时，既没有加载背景或主题颜色，也没有显示我的闪屏。知道为什么吗？
Manifest.json：
{
"short_name": "Example",
"name": "Example",
"icons": [
{
"src": "images/logo_192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "images/logo_512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "./",
"display": "standalone",
"theme_color": "#a300c4",
"background_color": "#c46a00"
}截图：
编辑
我发现了错误。我使用Chrome DevTools通过远程设备浏览网站。端口转发到localhost:3000不符合触发闪屏的https要求。
现在pwa以独立模式启动，颜色和闪屏显示正确。
然而，闪屏徽标没有显示，我不知道为什么。图像的路径是正确的，并且图像存在时具有正确的文件名和类型。
有什么建议吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-06-07 06:14:42
我发现这个清单唯一有问题的地方就是启动URL。将其更改为如下所示
"start_url": "/index.html",或
"start_url": "https://example.com/myapp/",如果这不起作用，请在某个公共域中托管您的应用程序并共享URL。
Stack Overflow用户
发布于 2019-07-19 22:35:23
“如果页面已有主题颜色元标记-例如<meta name="theme-color" content="#2196F3"> -则将使用页面级配置，而不是清单中的值。”
来自：https://developers.google.com/web/updates/2015/08/using-manifest-to-set-sitewide-theme-color
Stack Overflow用户
发布于 2022-02-03 20:13:22
更改以下内容：
"background_color": "#c46a00"和"background-color": "#ffffff"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50729451
复制相关文章
相似问题
腾讯云开发者
