发现很多网站在添加到主屏幕之后还有可以设定的图标，不免有些好奇？
其实这个方法不仅适用于chrome，也适用于safari，或者说根本就是从safari那里学来的。
因为chrome用的就是之前safari的方法，看到代码你就知道了。
首先做一个自己喜欢的图标，上传到你的图床或者你的网站目录，可命名为apple-touch-icon-144x144.png。
（如果你希望各个大小的屏幕都能很好的显示，你可以多做几个不同尺寸的：52x52 适用于非 Retina 屏的 iPhone；120x120 适用于 Retina 屏的 iPhone；72x72 适用于非 Retina 屏的 iPad；144x144 适用于 Retina 屏的 iPad）
然后在网站的<head>和</head>之间添加如下代码：
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://网址/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://网址/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://网址/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon-precomposed" href="http://网址/apple-touch-icon-57x57.png">
如果你的这样就可以实现你想要的效果了，效果如下：
