chrome拡張機能で、タブの情報を動作無しで取得する

Question

chrome拡張機能で、webページが読み込まれた時にそのタブの情報を取得するにはどうすれば良いでしょうか。

調べた所chrome.tabs.getSelectedを用いる方法が出てきましたが、そのいずれも「拡張機能のアイコンを押してpopup.htmlを表示する」動作を経由して
そのpopup内にタブの情報を表示する感じでした。

しかし自分はその動作を経由せず、webページが読み込まれたら無条件でブラウザのコンソール内にタブの情報を表示するorバックグラウンドに情報を送る、ということをしたいです。

試しにメインのjsファイルに
window.onload=function(){
chrome.tabs.getSelected(null, function(tab) {
console.log(tab.title);
});
}
としてみましたが、getSelectedの対象がないと言われ、どうすれば良いかわかりません。（対象がないと言われてもどう作れば良いのか…）
どうすればタブの情報を素で取得できるでしょうか。

Answer 1

まずmanifest.jsonのpermissionsキーの配列に"tabs"を指定して権限を得ます。
次に全てのページで動作するContentScriptsを作り、ページが読み込まれるたびにruntime.sendMessageでmessageイベントを発行します。
最後に発行されたイベントをBackgroundスクリプトのruntime.onMessageで捕捉し、そのタイミングでtabs.getSelectedやtabs.queryを使用すれば現在選択中のtabオブジェクト（単なるJSON）を取得できます。

以前から同じような方法で、ContentScriptsのsendMessageに対して呼び出し元タブのtabオブジェクトを返送するBackgroundスクリプトを使っていますが割と便利です。

Comments

[sharpnail]

content scriptsのjsファイル内でchrome.tabsを使っていたのですが、これはbackgroundでないと使えないのですね。
仰る通り、backgroundにメッセージを送り、background.js内でchrome.tabs APIを使用することで、無事に読み込まれたページの情報を取得できました。
ご教示いただきありがとうございました。