iPad和iPhone的Safari“添加至主屏幕”功能如何自定义图标

您所在的位置:网站首页 苹果自定义主屏幕 iPad和iPhone的Safari“添加至主屏幕”功能如何自定义图标

iPad和iPhone的Safari“添加至主屏幕”功能如何自定义图标

2023-08-11 13:51| 来源: 网络整理| 查看: 265

  下面这个是新浪的   icon.png的尺寸是114×114,不需要做圆角和高光,iPad会自动加。

PS:如果不做如上设置,则iPad会对网页截图并做为图标。

 

另外发现有些网站页面里没有相关字段,但是safari也能下载到图标,抓了一下包分析了一下,原来如果页面里没有,safari还会默认访问以下地址:

GET /apple-touch-icon-57x57.png GET /apple-touch-icon-57x57-precomposed.png GET /apple-touch-icon-precomposed.png

……

  关于 apple-touch-icon-precomposed和 apple-touch-icon的区别,参考文章: 苹果图标apple-touch-icon-precomposed和apple-touch-icon两种设置的区别探究

 

苹果safari浏览器当中apple-touch-icon-precomposed 和 apple-touch-icon属性是有区别的,之前在网上查了下相关的资料和苹果的开发文档手册,对这两中属性区别说的不够详细,导致现在大家开发的时候有些混淆。

苹果safari浏览器定义的这两种属性是为了苹果移动设备(ipod、ipad、iphone)对移动网站-mobile web进行收藏(“添加到桌面图标”)的时候增加的图标定义属性,当你建立一个移动网站(俗称:手机站,mobile web),避免不了为移动站的图标进行设置(这里有篇关于苹果meta设置详解的文章>>点击查看



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3