PWA Manifest生成器

在线生成 PWA 渐进式网页应用的 manifest.json，配置应用名称、图标、主题色、启动方式和图标，快速让网站可安装到桌面。

应用名称 (name)

短名称 (short_name)

应用描述 (description)

起始地址 (start_url)

作用范围 (scope)

显示模式 (display)

屏幕方向 (orientation)

主题颜色 (theme_color)

背景颜色 (background_color)

请填写不同尺寸图标的地址，至少提供 192x192 和 512x512 尺寸

尺寸	图标地址 (src)	操作

工具介绍

PWA Manifest 生成器可以帮你快速生成 Progressive Web App 所需的 manifest.json 配置文件，以及 HTML 页面中需要添加的引用代码。你只需要填写基本信息、添加不同尺寸的应用图标，即可一键生成符合规范的配置文件。

字段	说明
name	应用的完整名称，会在安装提示等位置显示
short_name	应用的短名称，主要用于手机主屏幕上显示
description	应用功能的描述说明
start_url	用户打开应用时默认加载的起始地址
scope	PWA 应用的导航作用范围，控制哪些页面可以被当作 PWA 打开
display	显示模式：standalone 会让应用像独立应用一样运行，不显示浏览器地址栏；fullscreen 全屏显示；browser 正常浏览器模式显示
orientation	默认屏幕方向，可以设置为任意、竖屏或横屏
theme_color	浏览器地址栏等系统 UI 的主题颜色
background_color	应用启动画面的背景颜色
icons	应用图标数组，需要提供不同尺寸对应不同使用场景

什么是 PWA Manifest？

Manifest 是 PWA（渐进式网络应用）的配置文件，是一个 JSON 格式的文件，用来描述 PWA 应用的名称、图标、启动方式、主题颜色等信息，浏览器通过读取这个文件来提供将应用添加到主屏幕等功能。

生成后的 manifest.json 要放到哪里？

通常需要将生成的 manifest.json 文件上传到你的网站根目录，然后在你网站 HTML 的 head 标签中添加引用代码，服务器需要正确返回 manifest 文件。

为什么需要多个不同尺寸的图标？

不同的设备、不同的使用场景（添加到主屏幕、启动 splash 屏幕、应用商店展示等）需要不同尺寸的图标。提供多个尺寸可以保证在各种设备上都能显示清晰合适的图标，官方要求至少提供 192x192 和 512x512 两种尺寸。

配置了 Manifest 就能成为 PWA 吗？

Manifest 是 PWA 的必要组成部分，但完整的 PWA 还需要配合 Service Worker 实现离线缓存等功能，本工具只帮你生成 Manifest 配置部分。