繁体   English   中英

使用添加到主屏幕时 PWA 图标不可见

[英]PWA icons not visible on using add to home screen

我添加了不同大小的图标(144x144 和 194x194)并创建了 pwa-manifest.json -

{
    "short_name": "app",
    "name": "Application",
    "icons": [
        {
            "src": "assets/images/favicons/favicon-194x194.png",
            "sizes": "194x194 512x512",
            "type": "image/png"
        },
        {
            "src": "assets/images/favicons/apple-touch-icon-144x144.png",
            "sizes": "144x144",
            "type": "image/png"
        }
    ],
    "start_url": "/index.html",
    "background_color": "#fbfcfd",
    "theme_color": "#00aeef",
    "display": "standalone"
}

我还将此清单文件添加到 index.html 和 angular-cli.json 中。

当我尝试在 Android 7.0(使用 Chrome 61.0.3163.98)中添加应用程序时,它没有显示图标。 我使用了不同的 android 设备,只有 Motorola Nexus 给出了预期的结果。

请尝试重置您设备的缓存并多次重新加载页面。 这种情况发生在我身上一次,非常令人恼火!

将这些代码行添加到 index.html 的头部

<link rel="apple-touch-icon" href="path/to/file.png"></link>
<link rel="shortcut icon" type="image/jpg" href="path/to/file.png"/>

这可能不是最佳答案,但对我有用:两次将应用程序添加到主屏幕 之后该图标将可见。 (在某些与图标文件夹刷新相关的模型中,这可能是一个问题)。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM