Question

我使用“Microsoft Edge扩展工具包”（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/）按钮。

即使尝试了很多图标但没有运气，它也会显示浏览器的默认图标。

有没有人知道任何可以设置图标或所需图像类型的选项。

尝试安装其他扩展程序，其图标清晰可见。

有什么想法吗？

修改

这是manifest.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

我很幸运，在很长一段时间后我找到了一个实际工作的示例扩展代码。

manifest.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/

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

2 个答案: