Microsoft Edge扩展工具栏操作按钮图标不可见

Question

我使用了"Microsoft Edge Extension Toolkit" (https://www.microsoft.com/en-us/store/p/microsoft-edge-extension-toolkit/9nblggh4txvb)来转换chrome扩展代码以与MS Edge浏览器兼容。

从"about:flags"中启用"Developer Settings"并加载新转换的代码。

除了工具栏上的图标外，一切都很好。它是一个"browserAction" (https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/api-support/supported-APIs/)按钮。

即使尝试了很多图标，但运气不好，它仍然显示浏览器默认的图标。

有没有人有关于任何选项的想法，尽管图标可以设置或所需的图像类型。

尝试安装其他扩展，它们的图标清晰可见。

任何想法?

编辑:

这是舱单。json文件内容:转换后不改变内容。

{
    "manifest_version": 2,
    "name": "............",
    "description": "............",
    "version": "1.0",
    "author": "............",
    "browser_action": {
        "default_icon": {
            "16": "data/images/icon-16.png",
            "32": "data/images/icon-32.png",
            "48": "data/images/icon-48.png",
            "64": "data/images/icon-64.png",
            "128": "data/images/icon-128.png"
        },
        "default_title": "............"
    },
    "icons": {
        "16": "data/images/icon-16.png",
        "32": "data/images/icon-32.png",
        "48": "data/images/icon-48.png",
        "64": "data/images/icon-64.png",
        "128": "data/images/icon-128.png"
    },
    "background": {
        "scripts":[
            "background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "run_at": "document_end",
            "matches": ["http://*/*", "https://*/*"],
            "css": [
                "data/css/style.css"
            ],
            "js": [
                "data/js/script.js"
            ]
        }
    ],
    "permissions": [
        "tabs",
        "activeTab",
        "contextMenus",
        "http://*/*",
        "https://*/*"
    ],
    "web_accessible_resources": [
        "data/images/icon-16.png",
        "data/images/icon-32.png",
        "data/images/icon-48.png",
        "data/images/icon-64.png",
        "data/images/icon-128.png"
    ]
}

为了添加更多，图标被适当地缩放到文件中提到的大小

Answer 1

我很幸运地找到了一个示例扩展代码，经过很长时间我发现它实际上是有效的。

清单。Json文件有这样一个设置:

"browser_action": {
    "default_icon": {
        "20": "data/images/icon-20.png"
    },
    "default_title": "................"
},

在其他浏览器中，16,24,32,48和128的图像大小都可以正常工作，但令人惊讶的是，这个特殊的浏览器需要20x20的图像大小。

Answer 2

browser_action Microsoft Edge不支持以下语法:browser_action: {"default_icon": "icon.png"}必须指定图标的大小。首选尺寸:20px, 25px, 30px, 40px。其他支持的尺寸:19px, 35px, 38px.

这里是文档https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/api-support/supported-manifest-keys/