如何从Chrome扩展程序编辑页面？

Question

我正在尝试在从Chrome扩展程序加载时向页面添加按钮。我在访问特定页面时设法让它执行，但我似乎无法更改任何元素。

这是我的倾听者：

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    if (changeInfo.status == 'complete' && tab.active) {
       // code
    }
})

我尝试过使用document.getElementById和tab.getElementById，但我似乎无法编辑页面。有帮助吗？感谢。

Answer 1

您需要使用内容脚本进行页面上DOM的任何操作。可以在清单文件中指定这些脚本。 it's described here

也可以从后台脚本完成。如果您需要在扩展程序和网页之间进行某些通信，则无论如何都需要后台脚本。这是某种代理。 从后台脚本可以这样附加： chrome.tabs.executeScript(tabId, {file: 'content-script.js'});