代码、数据与二维码工具

PWA Manifest 生成器

填写应用身份和外观字段,将 JSON 草稿复制到项目并保存为 manifest.json。示例图标路径需要替换为你制作的文件。

优先本地处理无需注册隐私说明 ↗

Manifest 字段

请使用已部署网站内的路径,例如 / 或 ./。示例图标路径只是占位符,请自行制作并添加对应文件。

编辑字段时会自动更新 manifest 草稿。

使用步骤

如何使用

  1. 填写应用名称、短名称和启动 URL。
  2. 选择显示模式、主题颜色和背景颜色。
  3. 复制或下载 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"。

应用信息会上传吗?

不会。草稿在当前浏览器中生成。