mainifest.json—网络应用清单

在看别人开发的架子的时间，看到了这个文件，网上或许搜了一下，在此mark一下。

developers.google.com 上有个简介，中译过来被叫做“网络应用清单”，许多人也将他和web离线缓存联系在一起。

现实上，开发者可以使用 mainifest.json 控制在用户想要看到应用的区域（例如移动装备主屏幕）中怎样向用户显示网络应用或网站，指示用户可以汇海哪些功效，以及界说其在汇海时的外观。

mainifest.json 提供了将网站书签生存到装备主屏幕的功效。当网站以这种方式汇海时：

• 它具有唯一的图标和名称，以便用户将其与其他网站区离开来。

• 它会在下载资源或从缓存恢复资源时向用户显示某些信息。

• 它会向浏览器提供默认显示特征，以制止网站资源可用时的过渡过于生硬。

• 它通过一个文本文件中的元数据这一简朴机制完成所有这些事情。那就是网络应用清单。

注：只管您可以在任何网站上使用该文件，它们却是 PWA 的必备要素。

建立清单

下面是一个示例：

{
 "short_name": "AirHorner",
 "name": "Kinlan's AirHorner of Infamy",
 "icons": [                              // 自界说图标
   {
     "src": "launcher-icon-1x.png",
     "type": "image/png",
     "sizes": "48x48"
   },
   {
     "src": "launcher-icon-2x.png",
     "type": "image/png",
     "sizes": "96x96"
   },
   {
     "src": "launcher-icon-4x.png",
     "type": "image/png",
     "sizes": "192x192"
   }
 ],
 "start_url": 沈阳小程序开发

 "background_color":%20"#000000"%20 %20 %20 %20 %20 %20 %20//%20设置配景颜色}

确保包罗以下内容：

•%20在用户主屏幕上用作文本的%20short_name。

•%20在网络应用安装横幅中使用的%20name。

将清单的相关信息见告浏览器

在您建立清单且将清单添加到您的网站之后，将%20link%20标志添加到包罗网络应用的所有页面上，如下所示：

测试您的清单

若是您想要手动验证网络应用清单是否已准确设置，请使用%20Chrome%20DevTools%20的%20Application%20面板上的%20Manifest%20标签。