WebAPP添加到iOS的桌面

在iOS中的safri浏览器可以将一个网页添加到桌面，当做一个独立的应用运行。

当然，这里我们不讨论怎么去做一个webApp，这需要html5的相关知识和开发经验。
这里我们只讲webApp添加桌面后到启动的相关细节。

全屏显示：

<meta name="apple-mobile-web-app-capable" content="yes" />

系统顶栏的颜色（黑色和白色）

<meta name="apple-mobile-app-status-bar-style" content="white" /> <meta name="apple-mobile-app-status-bar-style" content="black" />

桌面程图标（如果不设置，则图标会显示网页的截图）：

<link rel="apple-touch-icon" href="icon.png" />

但是，iOS会自作多情的给这个图标加上高光，如果想图标不被高光，可以这样：

<link rel="apple-touch-icon-precomposed" href="icon.png" />

如果想给不同的设备匹配不同的图标，可以加上大小属性：

<link rel="apple-touch-icon" size="72x72" href="icon-ipad.png" <链接为rel =“苹果触摸图标”大小=“114x114”HREF =“图标iphone4的。 PNG“/>

 通过js来判断Retina屏幕：
首先，给普通的分辨率引入320*460的图片：

的<link rel="apple-touch-start-image" href="start.png"media="screen (max-device-weidth:320px)" />视网膜屏幕JS：

（（app.device.type ===“iPhone”| | app.device.type ===的“iPod”）&& app.device.version> = '5'&& window.devicePixelRatio> = 2）{$（ “头”）。追加（$（'<link rel="apple-touch-startup-image" href="start-640-920.png" />'））;}