苹果设置webapp 快捷方式图标

第一个meta:

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

网站开启对web app程序的支持。


第二个meta:

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
说明: 在web app应用下状态条(屏幕顶部条)的颜色;

默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。


第三个link

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

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

这两个任选其一即可,推荐第一种

  • 使用apple-touch-icon属性为“增加高光光亮的图标”;
  • 使用apple-touch-icon-precomposed属性为“设计原图图标”;


参考一下两个链接得出结果:

1.http://www.cnblogs.com/yuzhongwusan/archive/2011/11/29/2267568.html

2.http://www.iptu.net/index.php/archives/3109.iptu

你可能感兴趣的:(苹果设置webapp 快捷方式图标)