跳到内容
🛠️ToolsShed

Web App Manifest Generator

生成包含所有必需字段的PWA web应用manifest.json文件。

图标

将应用图标放在 /icons/ 目录中。推荐尺寸:192×192 和 512×512 PNG 文件。

manifest.json

{
  "name": "My App",
  "short_name": "App",
  "description": "A progressive web application.",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#4f46e5",
  "background_color": "#ffffff",
  "orientation": "any",
  "scope": "/",
  "lang": "en",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}

关于此工具

Web应用清单是一个JSON文件,用于告知浏览器如何在用户设备上显示您的渐进式Web应用。它定义了应用名称、启动URL、显示模式、图标和主题色等关键信息,使您的Web应用能够像原生应用一样在手机、平板电脑和桌面设备上安装和启动。

此生成器通过简单地填写您的应用详细信息来帮助您创建完整的manifest.json文件。您可以配置显示模式(独立或全屏)、屏幕方向首选项、语言、作用域和配色方案等字段,然后将生成的JSON下载或复制到项目的根目录。该工具会自动包含图标配置占位符,并确保所有必需的W3C Web应用清单属性的格式正确。

Web应用清单对PWA(渐进式Web应用)开发至关重要,可提高应用在iOS和Android应用商店中的可发现性。构建单页应用、基于Web的工具或离线可用网站的开发者最受益于此工具,因为它可以快速生成清单而无需手动编写JSON语法。

常见问题

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.