Web 应用程序清单验证器

仅当渐进式 Web 应用程序的 manifest.json 满足浏览器和应用程序商店实际检查的字段时，它才会干净地安装。此验证器会解析您上传的清单，并逐个字段地遍历 W3C Web 应用程序清单规范：它标记缺少名称和短名称、空或格式错误的图标数组、缺少 src、大小或类型的图标、无法解析的 start_url、无法识别的显示值以及不是有效 CSS 颜色的 theme_color 或 background_color 字符串。每个发现都以简单的英语句子显示，而不是原始的规范引用，因此您确切地知道要修复什么以及为什么它对可安装性很重要。

杀手级功能是可屏蔽图标安全区预览。 Android 的自适应图标将操作系统选择的遮罩形状（圆形、方圆形、泪滴形等）应用于标记为“用途”：“可遮罩”的任何图标。根据设备应用的遮罩，覆盖图标视口 40% 的中心圆之外的任何内容都可以被剪掉。将清单引用的图标图像文件与 manifest.json 一起上传，此工具会按文件名匹配它们，按照声明的大小在画布上绘制每个可屏蔽图标，并覆盖确切的安全区域圆圈，以便您可以亲眼看到您的作品是否能在裁剪后幸存下来。

每个预览下的通过/失败徽章并不是一个装饰性的清单项目——它来自对解码图像数据的真实每像素分析。该工具测量有多少非背景内容位于安全区圆圈之外（蒙版会剪辑的内容）以及图标有多少是透明的（可蒙版图标应该具有全出血不透明背景，因为透明度可以让底层蒙版颜色显示出来）。这两项检查都是针对您上传的实际位图运行的，因此结果反映了您真实的图标文件，而不是猜测。

一切都在浏览器本地发生：使用 File API 读取 manifest.json，使用 createImageBitmap 或 FileReader/Image 后备对图标进行解码，并在内存画布上分析像素。没有任何内容上传到服务器，如果您的清单引用尚未公开的应用程序名称、内部 start_url 路径或正在开发的图标，这一点很重要。