ios safari 添加图标

持有ios设备的童鞋应该都用过Safari，也许你会以为他不如UC好用，可是你决不能忽略它的强大，在Wi-Fi下Safari确实十分给力。 每个web app的开发者更没法忽略这个浏览器，在Safari上能够实现好多使人兴奋的功能，那感受，做为开发者的你必定懂得。

这里向你们介绍一下如何更方便的使用Safari浏览你喜欢的网站，前提是这个网站已经为ios制做了主屏幕图标哟~

 

也许你会发现你的同事在使在ios时点击桌面的一个图标就会全屏打开一个网站，就是下图这种主屏幕图标

这种图标看起来很像一个native的应用程序，实际上它只是一个网站的快捷入口，这也是我下面要说的如何让网站支持这种图标的添加。

下面是代码，很简单的一段：

ios会本身把图片裁切成圆弧状，而且添加弧形高亮的效果，因此你只须要给出一张普通的四方图片就能够，剩下的事情ios会帮你处理。

当第一次打开主屏幕添加的这个图标会全屏展现网站，以下图（如何制做for ios版本wordpress请看为你的博客打造iphone版本）

这样能够更好的展现你所添加的网站，也能够更精确的测试出满屏的第一屏的位置。

你可能会说这个功能可能会用不少人不知道，没问题，下面就来解决这个问题



引入这个css和js以后就会出现下图的提示，若是你要使用的话建议保存到本身的空间下引用，毕竟这个使用的国外的地址，速度上确定不理想。

到这里就实现了网站for ios版本添加到主屏幕图标的问题，你也能够本身试一下，祝你好运哦。