我已经为自定义框架设置了PWA功能,除了启动画面外,一切都很好 . 满足以下要求:
-
name属性设置为我的PWA的名称 .
-
background_color属性设置为有效的CSS颜色值 .
-
icons数组指定的图标至少为512像素x 512像素 .
-
图标存在且是PNG .
除非我删除所有其他图标,否则512x512图标将不会用于启动画面 .
该图标出现在Chrome开发工具应用程序部分,显然它正在看到它 .
下面是我的manifest.json,以及我测试网站的链接 .
{
"short_name": "New Site",
"name": "New Site",
"start_url": "/",
"display": "standalone",
"background_color": "#17AAEC",
"theme_color": "#17AAEC",
"icons": [
{
"src": "assets/media/icon-pwa-48x48.png",
"type": "image/png",
"sizes": "48x48"
},
{
"src": "assets/media/icon-pwa-96x96.png",
"type": "image/png",
"sizes": "96x96"
},
{
"src": "assets/media/icon-pwa-192x192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "assets/media/icon-pwa-256x256.png",
"type": "image/png",
"sizes": "256x256"
},
{
"src": "assets/media/icon-pwa-512x512.png",
"type": "image/png",
"sizes": "512x512"
}
]
}
https://framework.jacob.rocks/
更新2018-10-29
事实证明,当没有注册服务工作者时使用启动屏幕图像,但是如果注册了服务工作者,则使用较小的图标 . 据我所知,这似乎是Webkit的一个错误 . 请参阅下面的GIF .
1 回答
如果您没有仅指定512px图标,则不会选择最大图标...目前没有真正的解决方案可以解决这个问题 . 您只能定义512px图标,这不是问题 .