首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Apple ios Safari书签收藏夹图标不起作用,添加到桌面works

Apple ios Safari书签收藏夹图标不起作用,添加到桌面works
EN

Stack Overflow用户
提问于 2017-05-12 00:14:30
回答 2查看 5.8K关注 0票数 4

我正在尝试让IOS (10.2)和safari上的图标正常工作。当我在我的网页上点击“添加到桌面”图标时,会显示并添加。但是当我尝试创建书签时,我得到的是1个字母的占位符图像。AFAIK书签和“添加到桌面”磁贴应该使用相同的图标。

我的head元素中包含以下内容:

代码语言:javascript
运行
复制
<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上运行测试,请求书签和“添加到桌面”都是正确通过的。

代码语言:javascript
运行
复制
10.0.8.109 - - [11/May/2017 18:01:05] "GET /apple-touch-icon-120x120.png?v=asdf
HTTP/1.1" 200 -

但是在safari中实际上没有显示书签的图标..

EN

Stack Overflow用户

发布于 2021-09-28 10:40:03

以下是Safari在添加书签时请求的文件:

代码语言:javascript
运行
复制
"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 

只要确保它们都能正常工作就可以了。

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43920751

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档