开发工具

PWA Manifest - web app 清单生成

填写应用名称、起始 URL、显示模式与主题色后生成标准 manifest.json,适合为站点补充可安装 PWA 所需的基础清单配置。

PWAManifestWeb

收藏工具

当前还没有选择收藏模式。

快捷操作

返回开发工具 浏览全部工具

你可以复制当前工具页链接,或在支持的设备上调用系统分享。

开发工具

PWA Manifest

填写应用名称、起始 URL、显示模式与主题色后生成标准 manifest.json,适合为站点补充可安装 PWA 所需的基础清单配置。


To complete your PWA setup, place icons (192x192 & 512x512) in the paths shown in the generated manifest.

manifest.json

Manifest ready.

使用场景

  • 补齐站点 manifest.json
  • 配置独立窗口显示模式
  • 设定主题色与启动路径

如何使用

  1. 填写名称与短名称
  2. 设置 start_url 与 display
  3. 选择主题色后复制 JSON

示例输入输出

配置

name=Demo / display=standalone

JSON

{"name":"Demo","display":"standalone",...}

FAQ

有了 manifest 就能安装吗?

还需要 HTTPS、图标与可选的 Service Worker 等条件;本工具只生成清单文件内容。

图标字段怎么写?

按页面引导填写 icons 路径与尺寸;文件本身需你放到站点静态目录。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

Meta 标签生成

Meta 标签生成 - 基础 SEO 与 OG 工具

可用

根据页面标题、描述、URL 与图片地址生成常见 Meta 与 Open Graph 标签,并可包含基础 Twitter Card,适合落地页与内容页快速配置。

Meta Open Graph SEO

Robots 规则生成

robots.txt 生成 - 爬虫规则配置工具

可用

按 User-agent、Allow、Disallow 与 Sitemap 等规则生成基础 robots.txt,适合新站上线与搜索引擎抓取策略的初始配置。

robots.txt SEO 爬虫

OG 标签生成

OG 标签生成 - Open Graph 分享工具

可用

填写标题、描述、链接与图片等字段,生成 Open Graph Meta 标签,改善链接在社交媒体上的分享卡片展示效果,本地即时输出。

Open Graph SEO 分享