manifest.json（PWA）生成器

manifest.json（PWA）生成器: 用途

网页应用清单文件可让网站以正确的名称、图标和颜色添加到手机主屏幕，并在不带浏览器地址栏的情况下打开。

填写名称、短名称、描述、颜色和显示模式，然后复制 JSON，其中包含 Chrome 提供安装所需的 192 和 512 px 图标，以及适用于 Android 的可选 maskable 图标。同时提供 link rel=manifest 标签、theme-color 和适用于 iPhone 的 apple-touch-icon。

使用方法

1. 填写名称、描述和颜色。
2. 选择显示模式和图标文件夹。
3. 下载清单并把标签粘贴到 head 中。

使用场景

• 让网站可以安装到手机。
• 开始制作 PWA。
• 修复主屏幕快捷方式的图标。

常见问题

清单文件有什么用？

它告诉浏览器网站添加到主屏幕后的名称、颜色、图标以及打开方式。有了它，手机上的快捷方式会显示正确的图标，还可以像应用一样不带浏览器地址栏打开。

哪些图标是必需的？

要让 Chrome 提供安装选项，清单需要 192 和 512 px 的图标，以及 name 或 short_name、start_url 和 display。带 purpose maskable 的图标可避免 Android 把你的小徽标放进白色圆圈里。

只有清单就能把网站变成应用吗？

它可以让网站带着名称和图标添加到主屏幕。

真的免费吗？

是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。

相似工具