千丝海阁

在天地团上线之后，tiandi就为这个webapp应用制作了属于自己的快捷图标。当时是根据IOS的桌面快捷图标方式制作的，但是没想到在Android上安装了Chrome for Android，这个设定竟然也同样有效果。

制作方式比较简单，即在webapp的页面head中插入以下代码：

<link rel="apple-touch-icon" href="touch-icon-iphone.png" /> 
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" /> 
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-retina.png" /> 
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-retina.png" /> 

可以看到，针对不同分辨率的设备将会引用不同的png文件，此处png则为桌面快捷图标文件。上传文件到服务器上，用Safari或者Chrome打开网站，按菜单中的添加到主屏幕即可，这里截图都是android的。

效果如下，返回手机首页，就能发现自己的webapp的图标了，点击后自动打开webapp，实际上就是打开浏览器后跳转到固定网站的功能。

说到最后，tiandi想说其实wordpress构建的网站也算是一种webapp，你也可以用本文的方法创建一个自己网站的快捷桌面图标。