Chromeエクステンションの開発で、現在アクティブになっている以外のタブ（バックグラウンドで開いているタブ）のDOMを操作

Question

Chromeエクステンションの開発で、現在アクティブになっている以外のタブ（バックグラウンドで開いているタブ）のDOMを操作することは可能でしょうか？

backgroud.jsで全てのタブの情報を取得することは可能みたいですが、DOMにはアクセス出来ないようです。

どなたか方法をご存じの方がいらっしゃいましたら、ご教授いただきたいです。
よろしくおねがいします。

追記:どなたか実際にやられた方がいたら、情報提供してくださると幸いです。よろしくおねがいします。

Answer 1

そもそもバックグラウンドページから一般のタブのDOM操作はいっさいできません。
なので、それぞれのタブに content script を付けて、(必要ならバックグラウンドページと通信して)、content script が DOM 操作するようにします。

Comments

[nakanohitobot]

ご回答ありがとうございます。
もう少し詳しくお聞きしたいのですが、バックグラウンドで動いているタブも、content scriptをつければ、DOM操作できるようになるということでしょうか？（ browser.tabs.executeScript～のような形ででしょうか？）

content script.jsが動作できるのはあくまでもアクティブなタブだけだと思っていましたが、この認識がまちがっっているでしょうか？

的外れなことを聞いていたら、申し訳ありませんが、ご回答いただければ幸いです。

[int32_t]

おっと、失礼しました。executeScript() を使えば content script なしでもDOM操作はできますね。

* アクティブではないタブでも content script は付けられます。
* executeScript() に tabId を指定できるので、content script なしでもアクティブでないタブのDOM操作ができる気がします。

[nakanohitobot]

ありがとうございます。試してみます。
Chrome extensionの作成が初めてでなかなか苦労しております。
実際に、質問内容のようなことやられた方がおりましたら、具体的な情報をくだされば幸いです。