如何让 Safari 书签显示网站 Logo ？

173 天前
 Davionwang

有些网站有 logo ，有些是灰色的只有一个首字母。想让每个书签都显示网站 logo 。像 L 站图标就很饱满好看 https://cdn.ldstatic.com/original/4X/0/4/c/04cac7bb6f59bba46edf9bc83d4a933b48565bd2.jpeg https://cdn.ldstatic.com/original/4X/1/e/8/1e8dc9ba90752eb5a29ad73fdd6d25a99290477c.jpeg

1638 次点击
所在节点    Apple
7 条回复
reayyu
173 天前
apple-touch-icon

有的网站有有的没有吧
zeroskylian
173 天前
我之前出这个情况是点开网站等加载完就有了
Socrazy
173 天前
查看网页源代码，如果没有 apple-touch-icon ，写个猴子脚本修改一下页面
先删除原来的书签，退出一下 Safari ，再重新打开网站，加载完后，检查元素，看<head></head>之间是不是已经有了 apple-touch-icon ，有了的话说明脚本已经生效，重新添加书签。


```
(function () {
'use strict';

// Check if the meta tag for the Apple touch icon already exists
if (!document.querySelector('link[rel="apple-touch-icon"]')) {
// Create a new link element
const link = document.createElement('link');
link.rel = 'apple-touch-icon';
link.href = 'https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/65/42/04/65420419-1b22-588b-2f55-da8a6d1a9ab0/AppIcon-0-0-1x_U007emarketing-0-0-0-11-0-0-0-85-220.png/180x180.png';

// Add the link to the head of the document
document.head.appendChild(link);
}
})();

```
SakuraYuki
173 天前
这个不是 favicon ，是 apple touch icon ，有的网站没设置，可以自己脚本注入
duxiansen
173 天前
我想知道 Safari 如果快速查看当前页面是否在收藏夹里，类似 chrome 五角星那样
Davionwang
173 天前
@reayyu #1 中文官网都没，汗颜。。。
Davionwang
173 天前
@duxiansen #5 似乎也没这个功能。顶部菜单栏选择「显示」→「显示收藏夹栏」，这个只是开启显示

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1121380

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX