PWA Manifest 生成器
填写应用身份和外观字段,将 JSON 草稿复制到项目并保存为 manifest.json。示例图标路径需要替换为你制作的文件。
Manifest 字段
请使用已部署网站内的路径,例如 / 或 ./。示例图标路径只是占位符,请自行制作并添加对应文件。
编辑字段时会自动更新 manifest 草稿。
使用步骤
如何使用
- 填写应用名称、短名称和启动 URL。
- 选择显示模式、主题颜色和背景颜色。
- 复制或下载 JSON,再添加自己的图标文件并从 HTML 链接 manifest。
Web 应用 manifest 核心字段
输出包含 name、short_name、start_url、display、theme_color、background_color,以及指向 192 和 512 像素 PNG 文件的两个示例图标条目。启动 URL 应位于已部署应用内;使用前请将图标路径替换为真实文件。
Manifest 只是 PWA 的一部分
本工具只生成 JSON 文本,不会生成图标、向网站添加 manifest 链接、创建 Service Worker、配置离线缓存,也不会验证浏览器安装条件。请检查路径并在目标浏览器中测试成品网站。
常见问题
你可能还想知道
会生成图标图片吗?
不会。JSON 里只有 192 和 512 像素 PNG 图标的示例路径。请创建资源并在使用前修改路径。
有了 manifest,网站就是 PWA 吗?
不是。Manifest 只是其中一部分,网站可能还需要 Service Worker、合适的部署环境及浏览器要求的其他配置。
应把 JSON 保存并链接到哪里?
将复制的内容保存为 manifest.json,然后在文档 head 中添加指向该文件的 link rel="manifest"。
应用信息会上传吗?
不会。草稿在当前浏览器中生成。