使用Chrome扩展程序更改网站图标？

Question

我试图整理一个Chrome扩展程序，用于更改（或覆盖）网站图标，并用不同的图像替换它。我在搜索时没有发现任何信息，所以我假设这不能做到？如果它是用Javascript或html完成的，对我来说并不重要;我想知道它是否可能。感谢所有帮助，谢谢！

Answer 1

是的，你可以。 有两种方法可以做到这一点：

1。使用内容脚本

<强>的manifest.json

{
    "manifest_version": 2,
    "name": "My Extension",
    "version": "1.0.0",

    "content_scripts": [
        {
          "matches": ["<all_urls>"],
          "js": ["content-script.js"],
          "run_at": "document_end"
        }
    ]
}

内容-的script.js

document.querySelector('link[rel*="icon"]').href = "//placehold.it/32/F00"

2。使用后台脚本+代码注入

<强>的manifest.json

{
    "manifest_version": 2,
    "name": "My Extension",
    "version": "1.0.0",

    "background": {
        "scripts": ["background.js"]
    },

    "permissions": [
        "tabs",
        "http://*/*",
        "https://*/*"
    ]
}

<强> background.js

chrome.tabs.onUpdated.addListener((tabId, changeInfo) => {
    if (changeInfo.status === 'complete') {
        chrome.tabs.executeScript(tabId, {
            code: 'document.querySelector(\'link[rel*="icon"]\').href = "//placehold.it/32/F00"'
        });
    }
});

附：考虑选择比link[rel*="icon"]

更好的选择器