免费在线PWA Manifest生成器(Web App Manifest),可视化生成manifest.json文件,配置应用名称、图标、主题色、显示模式等。无需注册,一键下载。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用
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.json配置文件
- 站点升级:为现有网站添加PWA支持,提升用户体验
- 应用发布:准备Google Play(Trusted Web Activity)所需的配置
- 学习参考:了解PWA Manifest各字段的含义和用法
❓ 常见问题
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后,用户下次打开网站时浏览器会自动读取最新版本。但部分字段(如图标)的更新可能需要用户重新添加到桌面才会生效。
如何使用在线PWA Manifest生成器
使用在线PWA Manifest生成器生成内容只需三个简单步骤:
-
配置参数
根据需要调整生成参数,如长度、复杂度、样式或数量。每个选项都有清晰的说明。 -
点击生成
点击"生成"按钮创建内容。工具会立即处理您的偏好设置并在浏览器中生成结果,无需等待服务器响应。 -
复制或下载结果
查看生成结果,点击"复制"复制到剪贴板,或点击"下载"保存为文件。可以无限次生成,没有使用限制。