页面上HTML的头部一些信息会影响此功能的使用。
是否全屏模式webapp
1 | <meta name="apple-mobile-web-app-capable" content="no"> |
如果content=”yes”，则在一个无地址栏、无菜单的浏览器中打开，如果是纯JS的应用，用这种模式比较好。默认值为no。 如果为no，或不写，则会在safari中打开。
全屏模式下：<a href=”xxx.html”>click me</a> 之类的链接会导致打开新的Safari窗口，如果不想打开新窗口，用Javascript代替。
Javascript的 Window.open 不会打开新窗口，只会替换当前窗口的URL。
每次重新点击图标，会启动不同的session和服务器连接。
图标
1 | <link rel="apple-touch-icon" href="/webapplogo.png" /> |
有precomposed，不加反光效果，无的会自动增加。 另外还可以设置sizes=”57×57″、sizes=”114×114″、sizes=”72×72″、sizes=”144×144″ 来对应iphone、ipad、视网膜屏幕、非视网膜屏等不同设备。 也可只设置一个让IOS自动缩放。
启动等待图片
1 | <link rel="apple-touch-startup-image" href="/startup.png"> |
详细信息可参考： IOS 手册