chrome拡張機能でbackground.jsからcontent_script.jsにメッセージを送れない

Question

backgrund.jsからcontent_script.jsにメッセージを送れません。

下記コードを実行しているのですが、content_script.jsのログが表示されません。
content_script.js自体は読み込まれています。
何が原因なのでしょうか？

background.js

chrome.tabs.query({
    active: true,
    currentWindow: true
}, function (t) {
    chrome.tabs.sendMessage(t[0].id, {action: 'entry'});
})

content_script.js

chrome.runtime.onMessage.addListener( (mess, sender, sendResponse) =>  {
    console.log('Get message!');
});

Answer 1

バックグラウンドスクリプトは拡張機能が読み込まれるとすぐにすぐに読み込まれるのですが、
パッケージ化されていない拡張機能を読み込んだタイミングではアクティブなタブが"chrome://extensions/"タブなので
.sendMessage()の送信先のタブにコンテントスクリプトが読み込まれていないのが原因ではないでしょうか。

たとえば下記のようにコードを変更し、"chrome://"ではない普通のページをアクティブなタブにした状態で拡張機能のボタンをクリックするとうまくメッセージを送信できました。

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
  // 中身は質問文そのまま
  chrome.tabs.query({
    active: true,
    currentWindow: true
  }, function (t) {
    chrome.tabs.sendMessage(t[0].id, {action: 'entry'});
  });
});

content_script.js

// 質問文そのまま
chrome.runtime.onMessage.addListener( (mess, sender, sendResponse) =>  {
    console.log('Get message!');
});

manifest.json

{
    "manifest_version": 2,
    "name": "test",
    "version": "0",
    "browser_action": {},
    "background": {
        "scripts": [ "background.js" ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [ "*://*/*" ],
            "js": [ "content_script.js" ]
        }
    ]
}

Comments

[Anon_]

ありがとうございます。