iOS上的PWA -安装提示图标
iOS上的PWA -安装提示图标
提问于 2021-11-30 12:53:02
我想不出需要使用哪些图标尺寸来提示PWA安装到主页屏幕。目前，PWA名称旁边的图标有一个白色边框。例如，Twitter成功地拥有了一个完全出血的图标。
到目前为止，我尝试了：
<link rel="apple-touch-icon" sizes="192x192" href="assets/icons/apple-touch-icon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png">
// and a manifest
<link rel="manifest" href="assets/icons/site.webmanifest">感谢您的任何意见！
回答 2
Stack Overflow用户
发布于 2021-11-30 21:47:50
文档：https://web.dev/install-criteria/
这显示了192x192和512x512像素。
Stack Overflow用户
发布于 2021-12-07 10:34:26
我的应用程序中有以下图标：
<link rel="apple-touch-icon" sizes="57x57" href="images/ios/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="images/ios/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/ios/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="images/ios/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/ios/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="images/ios/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="images/ios/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="images/ios/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="512x512" href="images/ios/apple-touch-icon-512x512.png" />这将涵盖不同的iPhone屏幕尺寸，我已经在iPhone 6，XS和12中尝试过，我得到了相同的结果。
你可以使用这个网站来生成其中的大多数：https://favicomatic.com/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70169643
复制相关文章
相似问题
腾讯云开发者
