素材阁

Web App Manifest 生成器

生成 manifest.json 与页面引用标签,生成在浏览器本地完成,数据不会上传。

icons 图标(每行一条)

下载 manifest.json

说明

使用说明

Web App Manifest(manifest.json)让网站可被「添加到主屏幕」并以应用方式打开。本工具用表单生成标准 manifest.json,并给出页面引用标签。

  1. 填写应用名称、启动地址、显示模式、主题色与背景色等。
  2. 在图标区域按 192x192 / 512x512 等规格补充图标地址。
  3. 点击生成后复制 manifest.json(或下载),并在页面 head 中引用。

常见问题

至少需要哪些字段?
通常至少要有 name(或 short_name)、start_url、display、icons 与 theme_color;icons 建议提供 192 与 512 两种尺寸。
maskable 图标是什么?
purpose 为 maskable 的图标会在各种形状的容器中裁剪显示,需为内容留出安全边距。

延伸阅读

相关工具