在用iPhone手机浏览网页的时候,点击分享按钮的时候,会有个添加到桌面的按钮。点击之后,就能把网站的快捷方式保存到桌面上,想一个app一样。可以方便用户快读的访问一些常用网页。
默认情况下,safari会自动的把当前页面的部分内容进行缩放截屏,然后生成一个icon,放在桌面上用来指代这个地址。
但是这种生成的图标会非常的不好看,一看就是网页,没法跟桌面上那些native app融合在一起。
苹果官方针对这种情况,提供了一个修改这个icon的方式,具体类似如下:
修改href值,然后放在对应页面的head里面,就可以了,具体效果可以尝试着用iPhone打开我的网站 效果还是很赞的
另外,icon的尺寸推荐设置为114_114,因为在iPhone上面的图标尺寸是57_57,做两倍图,自然就是114*114了
原创内容,欢迎转载 😊