如何編輯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'});