PWA清单（manifest.json）中的SVG图标 - 如何设置适用于所有尺寸？

Question

现在有没有办法在PWA的“manifest.json”中指定SVG图标应该用于所有可能的尺寸？（Chrome / chromium是我的主要目标。 Firefox希望也可以。）

    "icons": [
        {
            "src": "path-to-icon.svg",
            "purpose": "maskable any",
            "sizes: "???"
        }
    ],

- Leo

Answer 1

"sizes": "any"

https://html.spec.whatwg.org/multipage/semantics.html#attr-link-sizes

- NotWoods

---

Chrome开发者工具告诉我必须是数字。 - Methodician

它在Firefox中得到支持，将为Chrome提交一个错误报告。你可以在Chrome中输入一些巨大的数字。 - NotWoods

@NotWoods 你提交了错误报告吗？链接是什么？ - Leo

https://bugs.chromium.org/p/chromium/issues/detail?id=1107123 - NotWoods

跟进一下，那个漏洞已经被标记为已修复。现在在Chrome中应该可以使用"sizes": "any"了。https://bugs.chromium.org/p/chromium/issues/detail?id=1107123#c10 ✨ - Josh

Answer 2

"sizes": "any"对我来说不起作用。我使用了以下配置：

{
    "src": "logo.svg",
    "sizes": "48x48 72x72 96x96 128x128 256x256 512x512",
    "type": "image/svg+xml",
    "purpose": "any"
}

- Alwin

---

根据https://bugs.chromium.org/p/chromium/issues/detail?id=1107123#c10，Chrome曾经存在“sizes”无法正常工作的问题，但现在应该已经修复了。 - Josh