Question

html5网站怎么实现手机浏览的时候提示要不要创建桌面图标

html5网站怎么实现手机浏览的时候提示要不要创建桌面图标？
目前只会一种方法，就是通过收藏夹来生成桌面图标，但这种方法很被动，我想知道有没有代码可以实现这种功能。
可以自动创建或者引导创建

Answer 1

虽然没有能力开发Native App，但还是可以利用iOS中Safari浏览器的特性小小的折腾一下，做一个伪Web App满足下小小的虚荣心的。
既然是在iOS中的Safari折腾的，那么代码中利用到的也基本上都是Safari的私有属性。
添加图标到主屏幕是Web App的第一步：
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="icon-57.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="icon-144.png">

添加图标到屏幕里的有两种属性值apple-touch-icon和apple-touch-icon-precomposed，区别就在于是否会应用iOS中自动给图标添加的那层高光。
由于iPhone以及iPad都有两种分辨率的设备存在，图标的尺寸就需要做4个：144×144(iPad Retina)、72×72(iPad)、114×114(iPhone Retina)、57×57(iPhone)。
可以使用sizes尺寸来告诉设备该调用哪个图标。

追问

安卓系统里面，可以用这种方法吗？