在线PWA Manifest生成器

Updated: 2026-07-11
广告位(顶部)

📝 填写配置

显示在应用图标下方
手机桌面显示(推荐≤12字符)
应用启动时打开的页面
PWA能控制的URL范围
浏览器UI颜色(状态栏、地址栏等)
启动页面背景色

📄 manifest.json 预览

{\n "name": "我的PWA应用",\n "short_name": "我的PWA"\n}

📖 使用说明

PWA Manifest(Web App Manifest)是PWA必需的配置文件。在HTML中通过 <link rel="manifest" href="manifest.json"> 引入。

必填字段:只有 name 是必须的,但推荐填写 short_name、start_url、display 和 icons 以获得最佳体验。

图标建议:至少提供192x192和512x512两种尺寸的PNG图标。512x512图标用于启动画面,192x192用于桌面图标。

🎯 适用场景

如何使用在线PWA Manifest生成器

使用在线PWA Manifest生成器生成内容只需三个简单步骤:

  1. 配置参数
    根据需要调整生成参数,如长度、复杂度、样式或数量。每个选项都有清晰的说明。
  2. 点击生成
    点击"生成"按钮创建内容。工具会立即处理您的偏好设置并在浏览器中生成结果,无需等待服务器响应。
  3. 复制或下载结果
    查看生成结果,点击"复制"复制到剪贴板,或点击"下载"保存为文件。可以无限次生成,没有使用限制。

❓ 常见问题

PWA Manifest必须放在网站根目录吗?

不一定,manifest.json可以放在任何位置。但强烈建议放在根目录,因为start_url和scope的相对路径是相对于manifest文件位置的。如果放在根目录,所有路径行为更可预测。

Manifest文件可以用其他名称吗?

虽然习惯用manifest.json,但可以是任何名称(如 app.json)。只需在HTML中通过 <link rel="manifest" href="app.json"> 正确引用即可。

修改manifest后需要更新Service Worker吗?

不需要。修改manifest.json后,用户下次打开网站时浏览器会自动读取最新版本。但部分字段(如图标)的更新可能需要用户重新添加到桌面才会生效。

广告位(底部)