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

Question

现在有什么方法可以指定 PWA 的“manifest.json”中的 SVG 图标应用于所有可能的尺寸吗？ （Chrome/chromium 现在是我的主要目标。Firefox 有望紧随其后。）

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

Answer 1

"sizes": "any"

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

Answer 2

“尺寸”：“任何”对我不起作用。我使用了以下配置：

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

Answer 3

看起来

icons

必须是一个数组，所以我使用

        icons: [192, 256, 384, 512].map((x) => ({
            src: `${url}/icon.svg`,
            sizes: `${x}x${x}`,
            type: 'image/svg+xml',
            purpose: 'any'
        }))

（这是在动态创建的清单中，因此如果您的清单是静态的，您可以对输出进行编码）