PWA manifest.json 中的 SVG 图标 - 如何为所有尺寸设置它？

SVG icon in PWA manifest.json - how to set it for all sizes?

提问人：Leo 提问时间：7/10/2020 更新时间：5/16/2022 访问量：16491

问：

现在有没有办法指定 PWA 的“manifest.json”中的 SVG 图标应该用于所有可能的大小？（铬/铬是我现在的主要目标。Firefox有望紧随其后。

    "icons": [
        {
            "src": "path-to-icon.svg",
            "purpose": "maskable any",
            "sizes: "???"
        }
    ],
图标 渐进式 web-apps manifest.json

评论

答：

33赞 NotWoods 7/17/2020 #1

"sizes": "any"

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

评论

2赞 Methodician 7/18/2020
Chrome 开发工具告诉我它必须是数字。
2赞 NotWoods 7/19/2020
它在 Firefox 中受支持，将为 Chrome 提交错误。您可以为 Chrome 输入一些巨大的数字。
0赞 Leo 7/21/2020
@NotWoods 您是否提交了错误报告？链接？
3赞 Josh 10/3/2022
随后，该错误被标记为已修复。 现在应该可以在 Chrome 中使用。 ✨ bugs.chromium.org/p/chromium/issues/detail?id=1107123#c10"sizes": "any"
4赞 Alwin 5/16/2022 #2

“sizes”： “any” 对我不起作用。我使用了以下配置：

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

评论

3赞 Josh 10/3/2022
根据 bugs.chromium.org/p/chromium/issues/detail?id=1107123#c10，Chrome 中存在“大小”不起作用的问题，但现在应该修复。

上一个：如何使用 Puppeteer 自动固定 chrome 扩展程序

下一个：为什么 x-overflow：hidden 会导致下面有额外的空间？