在iPhone的safari中,保存网站到桌面,修改icon的方法

作者 happyWang 日期 2014-06-05 Views
在iPhone的safari中,保存网站到桌面,修改icon的方法

在用iPhone手机浏览网页的时候,点击分享按钮的时候,会有个添加到桌面的按钮。点击之后,就能把网站的快捷方式保存到桌面上,想一个app一样。可以方便用户快读的访问一些常用网页。

默认情况下,safari会自动的把当前页面的部分内容进行缩放截屏,然后生成一个icon,放在桌面上用来指代这个地址。

但是这种生成的图标会非常的不好看,一看就是网页,没法跟桌面上那些native app融合在一起。

苹果官方针对这种情况,提供了一个修改这个icon的方式,具体类似如下:

修改href值,然后放在对应页面的head里面,就可以了,具体效果可以尝试着用iPhone打开我的网站 效果还是很赞的

在iPhone上面保存到桌面的效果

另外,icon的尺寸推荐设置为114_114,因为在iPhone上面的图标尺寸是57_57,做两倍图,自然就是114*114了