为 Web 页面添加 iPhone 固定标签页的图标

为 Web 页面添加 iPhone 固定标签页的图标

2017-10-27 16:16

我曾经将一个 Web 标签页固定到 iPhone 的主屏幕上,发现居然有一个图标。当时没有留意,可直到今天发现我的博客页面在我的 iPhone 主屏幕上显示一片空白后,才想起来原来还可以自定义图标。


将 Web 页面图标固定到主屏幕:

方法非常简单,只需要在我 html 里的 head 中加入以下代码即可:

<link rel="apple-touch-icon" href="图标的链接.svg" />

对于我的博客,也就是这篇文章来说,我用了我的个人头像作为图标。

最终固定到 iPhone 主屏幕的效果还不错!

参考资料

本文会经常更新,请阅读原文: https://walterlv.com/post/add-icon-for-pinned-tab-icons.html ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://walterlv.com ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系 (walter.lv@qq.com)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏jojo的技术小屋

原 荐 svga 动画

作者:汪娇娇 时间:2017年12月26日 对于一些小的简单的动画,借助css、js差不多就能实现,而且还不能保证还原度百分百(还能接受); 对于那些复杂的动画...

84340
来自专栏vue学习

25、商品详情页

(1)复制一份test.vue文件并重命名为goodsDetail作为我们的商品详情页面

56850
来自专栏编程微刊

layer弹框在实际项目中的一些应用

23850
来自专栏贺嘉的专栏

教你写一个云上Hello world小程序

小程序上线一月有余,有不少创业团队如朝夕日历、小睡眠、小密圈等工具性的应用享受了这一波产品红利,收获了数十万新用户。笔者近期接触了不少从事后端开发的Java、C...

2.7K00
来自专栏ytkah

微信公众平台编辑器可收藏、使用模版了

  9月13号,微信公众平台送来了来三个新功能:编辑器可收藏、使用模版;封面图裁剪优化;GIF图取消播放数量限制。这三个功能让公众号运营者方便了不少,特别是收藏...

31850
来自专栏河湾欢儿的专栏

html5标签

什么是html5? 仅仅是狭义的概念。h5草案前身叫做web application 由WHATWG组织编写,在2007年提交到了w3c,w3c起名叫做HTM...

38810
来自专栏速成应用小程序开发平台

新手教程--手把手教你从零开始制作一款电商必备的商城小程序

近年来,在电商、新零售趋势的影响下,实体零售商也都在谋求自身的渠道变革,完善消费体验。如今微信已有超过十亿的用户,市场巨大,而微信小程序的开通不仅能够降低品牌...

27620
来自专栏开源项目

绝对想尝试的创意 Android 库,你关注了吗?| 码云周刊第 43 期

码云项目推荐 随着 Android 开发走向成熟,每天都会涌现出各种各样与 Android 相关的开发工具,但是我们每天使用的各类库总是不可或缺的。这里,小...

42690
来自专栏web前端教室

风继续吹&&先行者成员:王广铎(duo 二声)的作业分析,从他的作业理解“React单向数据流”

他的作业:“分页组件”React版,写的很好,主要是思路很清晰。本来是想上周日视频课程直播的时候讲一下了,现在只能是放在文章中大概的说说了。先看截图, ? 很...

20980
来自专栏无原型不设计

Balanced-工具类App原型分享

Balanced是一款记事类的工具App,这类App在设计的时候讲究简单易用,如果操作太复杂,就不能做到记录事件的及时性和快速性。在制作原型时,这次尝试了将A...

33650

扫码关注云+社区

领取腾讯云代金券