バックグラウンドページに `run_at：start`と同等のものがありますか？

Question

他のコードがロードされているページで実行される前に、JavaScriptコードを実行する必要があります。

次のようにコンテンツのスクリプトを使用して正常に動作します：

{ 
    "matches": ["http://*/*", "https://*/*", "file://*/*"], 
    "js": ["contentScript.js"], 
    "run_at": "document_start" 
} 

しかし、今私は、ユーザーがブラウザのアクションボタンをクリックして選択し、特定のページ上のコンテンツのスクリプトを実行したいと思います。

chrome.tabs.onUpdatedを聞いてからexecuteScriptを呼び出してみましたが、コンテンツスクリプトの前に他のコードがページ上で実行されています。

バックグラウンドページによって挿入されたコードが他のコードより先に実行されるようにする方法はありますか？

コンテンツスクリプト内に条件を追加することもできますが、現在のtabIDと、拡張機能が有効になっているすべてのタブのリストにアクセスする必要があることを意味します。ドキュメントchrome.tabs.executeScriptによると

Answer 1

のでできるだけ早く使用runAt: 'document_start'としてスクリプトを注入するために、（デフォルトではDOMContentLoadedイベントの後に発生する、document_idleです）runAtなど、いくつかの有用なパラメータを、持っています。

chrome.tabs.executeScript(tabId, { 
    runAt: 'document_start', 
    code: 'console.log(document.documentElement.innerHTML);', 
}); 

DOMツリーを使用すると、このようなtabs.onUpdatedやwebNavigation.onCommittedとして、早期に実行イベントリスナーから注入する場合は特に、通常はこの段階では空になって注意してください。 HEADまたはBODY要素でもまだ存在しない可能性がありますので、<style>または<script>などの追加ノードのコンテナとして(document.head || document.documentElement)フォールバックを使用する必要があります。