《manifest是什么文件?》
你是不是也曾在开发网页或打包App时,突然看到一个叫“manifest.json”的文件?它像一位沉默的幕后英雄,默默守护着你的项目。今天,就带你揭开它的神秘面纱——manifest到底是什么文件?
问:manifest 是什么?
简单来说,manifest 是一个 JSON 格式的配置文件,就像给浏览器或应用的一份“说明书”。它告诉系统:“我这个网站/应用需要哪些功能、图标、权限、启动方式……” 它常见于 PWA(渐进式网络应用)、Chrome 扩展、安卓 App(AndroidManifest.xml)等场景。
问:为什么我用不到它?
如果你只是写个普通 HTML 页面,确实可能永远见不到它。但一旦你想让网站像 App 一样安装到手机桌面、离线可用、支持推送通知——这时候,manifest.json 就成了关键!比如,我朋友在小红书做美妆测评视频,她把内容打包成 PWA 后,用户点击“添加到主屏幕”,就能像 App 一样使用,这就是 manifest 的功劳。
问:它长什么样?举个例子!
当然!下面是一个典型的 manifest.json 示例:
{ "name": "我的美妆日记", "short_name": "美妆日记", "start_url": "/index.html", "display": "standalone", "background_color": "ffffff", "theme_color": "ff6b6b", "icons": [ { "src": "icon192.png", "sizes": "192x192", "type": "image/png" } ]}你看,它定义了应用名称、图标、启动页、主题色……这些细节,决定了用户第一次打开时的体验是否流畅、美观。这不就是我们做内容最在意的“第一印象”吗?
问:那我怎么用它?
很简单!在你的 HTML 文件中加一行:
<link rel="manifest" href="/manifest.json">
然后确保 manifest.json 放在根目录下,再部署到服务器上,浏览器就会自动读取并识别这个“说明书”。很多博主用它把文章类网站变成可安装的阅读工具,提升用户留存率——这才是真正的“内容即产品”。
所以啊,别小看这个 tiny 的文件。它可能是你从“普通网页”迈向“数字产品”的第一步。下次你看到 manifest,记得说一句:你好,未来!”

