PWA 清单图标检测器

粘贴 manifest.json 的 JSON 内容,在发布渐进式 Web 应用之前,检查是否具备推荐的图标尺寸(192x192、512x512)、“maskable”用途以及正确的格式。

示例:

工作原理

一个 JSON 语法上有效的 PWA 清单,仍可能缺少浏览器提供安装功能所需的图标,或者因为缺少“maskable”安全区而在 Android 上被错误裁切。这个工具会分析清单中的 icons 数组,并列出常见问题:缺失的尺寸、没有 maskable 用途、不常见的格式,或缺少必填字段。

为什么推荐使用 192x192 和 512x512 尺寸?

这是浏览器和操作系统最普遍期望的两种尺寸:192x192 用于在主屏幕上显示图标,512x512 用于启动画面等需要更高分辨率的场景。缺少它们时,某些浏览器会直接拒绝提供应用安装。

什么是“maskable”图标?

带有 "purpose": "maskable" 的图标在设计时会在中央留出足够的安全区,以便根据用户的 Android 系统被裁切成不同形状(圆形、圆角方形、水滴形……),而不会截掉徽标的重要部分。如果没有专门的 maskable 图标,Android 可能会自动裁切,导致图像变形或被截断。

隐私:粘贴的内容完全在您的浏览器中分析,不会向任何服务器发送数据。