不喜欢广告？ 去 无广告 今天
PWA 网页应用清单生成器
数据开发人员
广告 移除？
广告 移除？
指导
PWA 网页应用清单生成器
生成一个有效的 manifest.json 文件，用于您的渐进式网页应用，仅需几秒钟。填写您的应用身份，选择一个显示模式，选择您发布的图标尺寸，生成器将为您生成干净的JSON，可直接放入项目中——并提供匹配的 <link rel="manifest"> 标签，用于您的HTML。
如何使用
- 输入您的应用的 姓名 且 短名称。完整的名称会显示在安装提示中；短名称则显示在主页图标下方。
- 设置 启动URL, 作用域，以及可选的 应用ID ，以便浏览器知道启动时应打开哪个URL以及如何设置导航范围。
- 选择一个 显示模式 (独立模式、全屏模式、最小界面模式、浏览器模式) 和一个 方向.
- 选择一个 主题颜色 (浏览器界面) 和一个 背景颜色 (启动屏幕)。
- 设置 图标基础路径 和一个 文件名模式 使用
{size}作为占位符，然后勾选您实际发布的图标尺寸。 - 复制生成的
manifest.json或点击下载图标。将<link rel="manifest">标签粘贴到您的<head>.
特征
- 所有标准manifest字段 ——名称、短名称、描述、语言、方向、ID、启动URL、作用域、显示模式、方向、主题颜色、背景颜色。
- 图标尺寸检查清单 ——72、96、128、144、152、192、384 和 512 像素，从基础路径和文件名模式自动生成
srcURL。 - 图标用途支持 ——任意、可遮罩、“任意可遮罩”和单色。
- 实时JSON预览 ——您输入时实时更新的格式化JSON，带有语法高亮。
- 可安装性检查 ——当名称、启动URL或推荐的192x192和512x512图标缺失时发出警告。
- 复制或下载 ——一键复制，或下载为
manifest.json，并带有正确的MIME类型。 - HTML链接标签 ——可直接粘贴的
<link rel="manifest">片段。 - 100% 客户端 ——不会离开您的浏览器。无需账户，无需配额。
常问问题
-
什么是网页应用清单？
网页应用清单是一个JSON文件，告诉浏览器您的渐进式网页应用在安装时应该如何行为。它包含应用的名称、图标、启动URL、显示模式、主题颜色和其他由安装提示、启动屏幕和主页启动器使用的元数据。
-
哪些字段是PWA可安装所必需的？
最少情况下，浏览器期望有名称（或短名称）、启动URL、显示模式设置为独立、全屏或最小界面，以及至少一个192x192和一个512x512的图标。添加主题颜色和背景颜色强烈推荐，以获得更流畅的安装体验。
-
显示模式之间的区别是什么？
独立模式隐藏了浏览器界面，看起来像原生应用。全屏模式也隐藏了状态栏，适用于游戏。最小界面模式保留了一组简化的浏览器控制。浏览器模式则在普通标签页中打开应用。大多数PWA选择独立模式。
-
图标用途字段是什么意思？
用途告诉浏览器如何渲染图标。任意是默认值，允许浏览器以它希望的方式组合图标。可遮罩意味着图像设计用于填充操作系统定义的安全区域，因此启动器可以将其裁剪成圆形、椭圆形或圆角方形，而不会裁剪重要内容。
-
我应该把manifest.json和链接标签放在哪里？
将manifest.json放在您的网站根目录或一个稳定的路径下，然后从每个HTML页面中通过一个 标签引用它。确保该文件以application/manifest+json内容类型提供。
