当我在 Chrome DevTools 中查看 manifest.js 时,我可以看到徽标和颜色都在那里。但是,当我在 Android 设备上从主屏幕启动网站时,既没有加载背景颜色也没有加载主题颜色,也没有显示启动画面。知道为什么吗?
清单.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"
}
Run Code Online (Sandbox Code Playgroud)
编辑
我发现了错误。我使用 Chrome DevTools 通过远程设备浏览网站。端口转发到 localhost:3000 不符合 https 要求触发启动画面。
现在 pwa 以独立模式启动,颜色和闪屏显示正确。
但是,没有显示初始屏幕徽标,我不知道为什么。图像的路径是正确的,并且图像存在正确的文件名和类型。
有什么建议?