iPhone iPad MacOS Safari网址快捷方式到桌面的自定义图标

最新推荐文章于 2025-03-13 00:28:03 发布

不想写代码的小田

最新推荐文章于 2025-03-13 00:28:03 发布

阅读量9w

点赞数 1

分类专栏：前端#JavaScript 文章标签： safari iphone html javascript

本文链接：https://blog.csdn.net/weixin_40195422/article/details/109850106

版权

前端#JavaScript 专栏收录该内容

6 篇文章

订阅专栏

<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />  
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-ipad3-144.png" />


//两种 👆 👇 对应的图标有无圆角高光处理，最好用png不要用jpg
//sizes没有深入研究过 应该是对应不同的屏幕类似iPhone iPad Mac... 我只写了144x144在iPad iPhone都可以正常显示


<link rel="apple-touch-icon-precomposed" sizes="57x57" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="touch-icon-iphone.png" />  
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-ipad-144.png" />