如何编辑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'});