Google chrome extension 如何在页面加载后立即更改默认图标？

我有这个代码来更改我的图标，但它只在我点击它时起作用。如何在网页加载后立即更改图标

document.addEventListener('DOMContentLoaded', function () {
  chrome.browserAction.setIcon({path: 'different_icon.png'});

});

---

您需要将消息传递到后台页面并更改那里的图标。例如，清单文件将包含以下内容脚本：

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

最后，您的backgound页面会收到消息并更改图标：

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        if (request.changeIcon) {
            chrome.browserAction.setIcon({path: 'different_icon.png'});
        }
    }
);

---

哪一页一加载？用户浏览到的任何页面？或者您正在扩展中加载自己的HTML页面？请澄清。是的，我指的是用户浏览的任何页面，因为我需要根据用户访问的页面更改图标

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        if (request.changeIcon) {
            chrome.browserAction.setIcon({path: 'different_icon.png'});
        }
    }
);