使用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"'
        });
    }
});

PS考虑选择比选择更好的选择器 link[rel*="icon"]