问题描述
我在清单文件中为我的 PWA 提供了几个图标，如下所示：
{
"name": "Blahh Long Name","short_name": "ShortName","description": "Blah and blah...","icons": [
{
"src": "icon-24.png","sizes": "24x24","type": "image/png"
},{
"src": "icon-36.png","sizes": "36x36",{
"src": "icon-48.png","sizes": "48x48",{
"src": "icon-72.png","sizes": "72x72","type": "image/png","purpose": "any maskable"
},{
"src": "icon-96.png","sizes": "96x96",{
"src": "icon-128.png","sizes": "128x128",{
"src": "icon-144.png","sizes": "144x144",{
"src": "icon-152.png","sizes": "152x152",{
"src": "icon-192.png","sizes": "192x192",{
"src": "icon-256.png","sizes": "256x256",{
"src": "icon-300.png","sizes": "300x300",{
"src": "icon-384.png","sizes": "384x384",{
"src": "icon-512.png","sizes": "512x512","purpose": "any maskable"
}
],"start_url": "/App/app.PHP","display": "standalone","theme_color": "#006699","background_color": "#006699"
}
问题是，在三星互联网上，主屏幕图标看起来很模糊（只有我的；其他都很好，所以这不是一般的渲染错误）。
-在我的旧手机（2016 LOL 的 Archos Helium）上，我安装了带 Chrome 的 PWA（88.0.4324.152），选择的图标大小为 96 像素。图标很清晰。
-在我的新手机（三星 galaxy）上，我安装了带 Chrome 的 PWA（88.0.4324.181），选择的图标大小为 152 像素。图标很清晰。
-在同一部新手机上，我安装了带有三星 Internet (13.2.2.4) 的 PWA，选择的图标大小为 96px。图标模糊。
请注意，在同一部手机（新 galaxy）上，Chrome 和三星互联网选择不同的尺寸！为什么会这样？
是的，我每次在重新安装和清除缓存之前都删除了 PWA（因此没有缓存数据），是的，所有图标都是高质量的。我尝试颠倒清单中图标的顺序（从最大到最小） - 无济于事。
我不知道。我对清单中这个花哨的“目的”标志有什么误解吗？
谢谢大家！
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）