今天捣鼓一下 manifest 文件，这玩意儿还挺有意思，记录一下整个过程。
我压根不知道 manifest 文件是就感觉这名字挺唬人的，像是某种神秘的清单。后来才知道，这东西主要是给 PWA（渐进式 Web 应用）用的，可以让你的网页像个 App 一样被“安装”到手机或电脑桌面上，还能离线使用。
我决定动手试试！
创建 manifest 文件
我新建一个文件夹，在里面搞个 HTML 文件，随便写点内容。然后，重点来，创建一个名为 的文件。这个文件就是今天的主角！
打开 ，我开始往里面填东西。这玩意儿就是一个 JSON 格式的文本文件，里面写的是关于你的网页应用的一些基本信息。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我主要填这么几个东西：
- name：应用的名称，会显示在安装后的图标下面。我写个“我的测试应用”。
- short_name：应用的简称，当名称太长时会显示这个。我写个“测试”。
- description: 应用的描述, 我随便写个"这是一个测试"。
- start_url：应用启动时打开的页面，我写的是“/”。
- display：显示模式，我选“standalone”，意思是让它看起来更像一个独立的应用，而不是一个普通的网页。
- background_color：应用加载时的背景颜色，我选个白色。
- theme_color：应用的主题颜色，我选个蓝色，和我网站的主色调保持一致。
- icons：应用图标，这里可以设置不同尺寸的图标，以适应不同的设备。我找几个不同大小的 PNG 图片，都写进去。
填完这些， 文件就算基本搞定。我需要在 HTML 文件里引用这个文件。
链接 manifest 文件
回到 HTML 文件，我在 <head> 标签里加一行代码：
<link rel="manifest" href="/*">
这样，浏览器就知道去哪里找这个 manifest 文件。
测试效果
我用 Live Server 启动网页，然后在 Chrome 浏览器的开发者工具里，找到“Application”面板，再点开“Manifest”，就能看到我刚才填写的那些信息都显示出来。说明 manifest 文件已经生效！
我点击地址栏右边的“安装”按钮（有些浏览器可能是在菜单里），然后……Duang！我的网页应用就被“安装”到我的桌面上！
点开桌面上的图标，它就像一个真正的 App 一样打开，没有浏览器的地址栏和工具栏，看起来还真像那么回事儿！
这回折腾 manifest 文件还算顺利，虽然中间也遇到一些小问题，比如图标路径不对、某些属性不生效之类的，但通过查资料和不断尝试，最终都解决。感觉 PWA 这东西还是挺有潜力的，以后可以多研究研究。
