PWA常用head标签

meta标签设置

1. <meta name="apple-mobile-web-app-capable" content="yes"> 这句是要做隐藏状态栏和工具栏，当添加到主屏是会看到明显差异；但在Safari中没差别
   

   image
   image

2. <meta name="apple-mobile-web-app-status-bar-style" content="black">控制状态栏样式，也就是顶部的颜色，就不上图了；如果不设置，默认黑色

3. <meta name="apple-mobile-web-app-title" content="Weather"> 添加到主屏会指定标题Weather

4. <link rel="apple-touch-icon" href="images/icons/icon-152x152.png"> 添加到主屏指定图标

5. <meta name="msapplication-TileImage" content="images/icons/icon-144x144.png"> win8磁贴图标

6. <meta name="msapplication-TileColor" content="#2F3BA2"> win8磁贴颜色

更详细的参见