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

また、バックグラウンドスクリプトから行うこともできます。あなたの拡張機能とWebページの間の通信が必要な場合は、とにかくバックグラウンドスクリプトが必要になります。それはプロキシのようなものです。 バックグラウンドスクリプトから、この方法で添付できます。 chrome.tabs.executeScript(tabId, {file: 'content-script.js'});