Apple ios Safari书签收藏夹图标不起作用，添加到桌面works
Apple ios Safari书签收藏夹图标不起作用，添加到桌面works
提问于 2017-05-12 00:14:30
我正在尝试让IOS (10.2)和safari上的图标正常工作。当我在我的网页上点击“添加到桌面”图标时，会显示并添加。但是当我尝试创建书签时，我得到的是1个字母的占位符图像。AFAIK书签和“添加到桌面”磁贴应该使用相同的图标。
我的head元素中包含以下内容：
<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">我正在pythons SimpleHTTPServer上运行测试，请求书签和“添加到桌面”都是正确通过的。
10.0.8.109 - - [11/May/2017 18:01:05] "GET /apple-touch-icon-120x120.png?v=asdf
HTTP/1.1" 200 -但是在safari中实际上没有显示书签的图标..
回答 2
Stack Overflow用户
发布于 2017-05-12 16:16:54
您应该在浏览器中打开/apple-touch-icon-120x120.png?v=asdf，以确保图标有效(实际上是一个图像，实际上是120x120...)。
如果正常工作，问题很可能是来自iOS Safari。当这个浏览器需要显示加书签的站点的图标时，它有时会变得懒惰。你可以尝试两件事：
- 重试“添加到主屏幕”。虽然这听起来很粗糙，但实际上这是一件很好的事情。特别是如果你之前访问过你自己的网站很多次，而它还没有图标。您可以将此视为“超级图标缓存问题”。
- 尝试使用另一台iOS设备。
Stack Overflow用户
发布于 2021-09-28 10:40:03
以下是Safari在添加书签时请求的文件：
"GET /favicon.ico HTTP/1.1" 200 -
"GET /apple-touch-icon-precomposed.png HTTP/1.1" 200 -
"GET /apple-touch-icon.png HTTP/1.1" 200 -
"GET /apple-touch-icon-120x120-precomposed.png HTTP/1.1" 200 只要确保它们都能正常工作就可以了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43920751
复制相关文章
相似问题
腾讯云开发者
