网页应用清单生成器

输入网页应用的名称、起始地址、显示方式、颜色和图标。您会得到一个清单文件,保存在页面旁边,并得到浏览器安装应用所需项目的列表。

免费 在浏览器中运行 核对于2026年11月10日星期二

完整名称,显示于应用列表处。最多120个字符。

空间不足时,在主屏幕上图标下方显示的名称。

应用打开时访问的地址。相对地址(例如 /)会相对于提供清单文件的位置解析。

应用所覆盖的地址范围。它必须包含起始网址,否则浏览器会使用其默认作用域。

应用显示浏览器的程度。

启动画面的颜色。十六进制颜色,例如 #ffffff。

浏览器或系统栏的颜色。十六进制颜色,例如 #1f6feb。

语言标签,例如 zh-CN 或 en。若不需要,请留空。

每行一个图标:地址 | 尺寸 | 类型 | 用途。尺寸写作 宽x高,例如192x192,SVG 则写 any。用途为 any、maskable 或 monochrome。只有地址是必填的。

结果

manifest.webmanifest — 以标题中的文件名保存,并在每个页面中用 rel 为 manifest 的 link 元素链接它。
可安装性检查 — 每条警告都列在结果下方。
manifest.webmanifest

此工具在您的浏览器中运行。您输入的内容不会发送给我们。

使用方法

  1. 在 “名称” 与 “简称” 中输入名称,然后输入应用的 “起始网址” 与 “作用域”。
  2. 选择 “显示方式”,并以十六进制颜色填写 “背景颜色” 与 “主题颜色”。
  3. 在 “图标” 下每行写一个图标:地址,然后是尺寸、类型和用途,以竖线分隔。
  4. 将 manifest.webmanifest 下的文本保存为文件,并修正 “可安装性检查” 中列出的每条警告。

各成员的含义

清单是一个 JSON 文件,其成员在 W3C《网页应用清单》(第1节)中有所描述。只写入您填写的成员,空栏位会使对应成员被省略。显示方式决定浏览器如何显示应用;若浏览器不支持某种方式,它会沿此顺序改用下一种(第6节):全屏、独立窗口、极简界面、浏览器。

起始网址若与页面不在同一来源,会被忽略,因为规范要求同源。作用域只有在包含起始网址时才会被使用;否则,浏览器会使用由起始网址去掉文件名、查询和片段后得到的作用域。

警告检查什么

MDN 列出了基于 Chromium 的浏览器在提供安装网页应用之前所需的成员:名称或简称,包含192像素与512像素图标的图标,起始网址,以及显示方式。它还说明,网站必须通过 https 提供,或来自 localhost,并且不要求服务工作线程。在桌面端,Firefox 不会根据清单文件安装网页应用。

本工具检查以上成员与作用域规则。它不测试图标文件、HTTPS 地址或页面上的链接,这些需要您自己确认。

默认值

使用页面打开时的默认值,清单包含以下成员。检查没有任何警告,因为名称、起始网址和两种图标尺寸都已具备。

成员 数值
name, short_name 笔记, 笔记
start_url, scope /, /
display standalone
background_color, theme_color #ffffff, #1f6feb
icons 192x192 与512x512 的 PNG 文件;512图标的用途为 any maskable

常见问题

清单文件应保存在哪里?

保存在网站根目录,或应用所在的文件夹中,并命名为 manifest.webmanifest。然后用 rel 为 manifest 的 link 元素,从应用的每个页面链接它,正如 MDN 所述。

安装应用是否需要服务工作线程?

不需要。MDN 说明,服务工作线程并非 PWA 可安装的必要条件,尽管许多应用用它来支持离线使用。网站仍必须通过 https 提供,或来自 localhost。

需要哪些图标尺寸?

MDN 为基于 Chromium 的浏览器列出192像素与512像素的图标。尺寸写作 宽x高;一个文件含有多个尺寸时,以空格分隔。SVG 文件的尺寸可以写 any。

简称与名称有什么区别?

名称是应用的完整名称。简称用于空间不足之处,例如主屏幕上图标下方的标签。两者至少填写一个;若两者都为空,本工具会发出警告。

为什么工具会就作用域发出警告?

只有当作用域包含起始网址时才会被使用(W3C 第1节)。若起始网址在作用域之外,浏览器会忽略该作用域,改用其默认作用域,因此应用可能会在您所想的范围之外打开。

资料来源

数据和文字最近核对于2026年11月10日星期二。

我们使用必要的 Cookie 来运行网站。经您同意后,Google 还会使用广告 Cookie 展示个性化广告。如果您拒绝,仍会看到广告,但广告不会个性化。