The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

清单包含像素至少达到 192px 的图标

为什么说此审查非常重要

当用户将您的应用添加到主屏幕时,移动设备需要一个图标进行显示。 在网络应用清单的 icons 数组中指定该图标。

如果存在 192 像素的图标,则可确保您的图标在最大的 Android 设备上正常显示。 对于需要较小图标的小型设备,Android 可以使用合理的精度按比例缩小 192 像素的图标。 换句话说,尽管您可以在您的网络应用清单中提供尺寸较小的图标,但没有必要这么做。

如何通过此审查

将一个 192 像素的图标添加到您的网络应用清单。

{
  ...
  "icons": [{
    "src": "images/homescreen192.png",
    "sizes": "192x192",
    "type": "image/png"
  }],
  ...
}

有关向您展示如何在应用中正确实现和测试“添加到主屏幕”支持的指南清单,请查看清单是否存在

如何实现此审查

本部分介绍如何实现此审查,以便您可以了解计算此审查得分的方式。

此审查只能保证您的图标在 Android 设备上正常显示。其他操作系统可能需要不同大小的图标才能实现最佳显示效果。

Lighthouse 提取清单并验证 icons 属性是否引用了一个 192 像素的图标。 Lighthouse 提取的清单独立于 Chrome 当前在页面上使用的清单,这可能会产生不准确的结果。另请注意,Lighthouse 不会检查此图标是否切实存在于缓存中。 它只是确保网络应用清单定义一个 192 像素的图标。