🛠️

📱PWA Manifest 生成器

可视化生成 PWA manifest.json 文件，支持实时预览和一键下载。

PWA Manifest 生成器

为你的渐进式 Web 应用生成 manifest.json

manifest.json
{
  "name": "My PWA App",
  "short_name": "My App",
  "description": "A Progressive Web App built with Astro",
  "start_url": "/",
  "display": "standalone",
  "orientation": "any",
  "background_color": "#ffffff",
  "theme_color": "#3b82f6",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

关于 PWA Manifest 生成器

通过直观的可视化编辑器为您的渐进式 Web 应用（PWA）构建完整的 Web App Manifest。可配置名称、图标、主题色、显示模式、方向等参数，实时预览结果，并一键下载可直接使用的 manifest.json 文件。所有操作均在本地完成。

主要特性

  • 可视化编辑所有 manifest 字段
  • 生成符合标准的 manifest.json
  • 一键下载 manifest 文件
  • 实时预览配置效果

常见问题

什么是 PWA Manifest？
PWA Manifest（Web App Manifest）是一个 JSON 文件，定义了渐进式 Web 应用在设备上安装后的外观和行为，包括名称、图标、主题色和显示模式等。
如何使用 manifest.json？
将 manifest.json 放在 Web 项目根目录，并在 HTML 的 head 中通过 <link rel="manifest" href="manifest.json"> 引入。大多数浏览器即会识别您的站点为可安装应用。