javascript - 如何通过 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 进行任何操作。这些脚本可以在 list 文件中指定。 it's described here

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