苹果ios Safari书签favicon不工作，添加到桌面工作

我正在尝试让IOS（10.2）和safari上的Favicon正常工作。当我在我的网页上单击“添加到桌面”时，会显示并添加图标。但当我尝试创建书签时，我得到的是一个字母占位符图像。书签和“添加到桌面”互动程序应使用相同的图标

我的头脑中有这样一个元素：

<link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png?v=asdf">
<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png?v=asdf">
<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png?v=asdf">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png?v=asdf">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=r0RW">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=r0RW">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=r0RW">
<link rel="manifest" href="/manifest.json?v=r0RW">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=r0RWdpQrAk" color="#5bbad5">
<link rel="shortcut icon" href="/favicon.ico?v=r0RW">
<meta name="theme-color" content="#ffffff">

---

但是safari中实际上没有显示书签图标。

您应该在浏览器中打开

/apple-touch-icon-120x120.png？v=asdf

，以确保图标有效（真正的图像，真正的120x120…）

如果这样做有效，那么问题可能来自iOS Safari。当期望此浏览器显示书签站点的图标时，它有时是懒惰的。您可以尝试两件事：

• 重试“添加到主屏幕”。这听起来很粗糙，但实际上是一件好事。尤其是如果你以前访问过自己的网站很多次，而它还没有图标。您可以将其视为“超级图标缓存问题”
• 尝试使用其他iOS设备

---

我运气不好。我正在尝试IOS仿真器，行为也一样。添加到主屏幕工作，添加书签不工作。即使两次都请求服务器使用相同的映像。。具体来说，我正在使用此图像（因为它对他们有效，我认为我的图像可能在某种程度上无效，但事实并非如此，因为seznam的图像在我的页面上具有相同的错误行为…）您可以尝试使用RFG的favicon checker:。虽然它不能假装是防弹的，但我不知道有哪种情况下它说图标可以工作，而实际上却不能。完全披露：我是这个工具的作者。favicon checker给出了很好的结果，但是苹果触摸图标没有出现在iPad Safari中。@Cerveser可能是缓存问题？它是否仍然失败，或者图标在几天后终于工作了？也许它工作正常，但safari无法获得图标？有基本的身份验证吗？我也面临同样的问题，你解决了吗？

10.0.8.109 - - [11/May/2017 18:01:05] "GET /apple-touch-icon-120x120.png?v=asdf
HTTP/1.1" 200 -