apple-touch-icon.png apple-touch
2019-11-14 本文已影响0人
小小小小的人头
最近收到运维反应 后台有很多关于这个图片404的问题 ；自己也是一脸懵逼的；
出现原因：
苹果safari浏览器定义的这两种属性是为了苹果移动设备（ipod、ipad、iphone）对移动网站-mobile web进行收藏（“添加到桌面图标”）的时候增加的图标定义属性；web端没有配置这2个属性导致的；
(添加到桌面图标)具体操作如下：
知道的小伙伴就当看着玩--反正我是第一次知道
1.png
2.png
3.png
这样一顿操作就可以啦；桌面就有1个图标了;方便下次直接打开；
因为没有配置这个图片，就会报404的错了； 不BB了 下面贴下解决办法；
解决办法：
<link rel="apple-touch-icon" sizes="120x120" href="./apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="./apple-touch-icon.png">
注：这个图片就是显示主屏幕的ICON 自己找设计出图也行啦
额外补充：
apple-touch-icon 和 apple-touch-icon-precomposed是2个不同属性。
区别：
- 使用apple-touch-icon属性为“增加高光光亮的图标”；
- 使用apple-touch-icon-precomposed属性为“设计原图图标”；
简单点说 就是一个图标比较高亮 最为备选的图片 我这么说容易理解吧~
溜了溜了
