Chrome拡張機能でバックグラウンドからDOMを操作したい

Question

いつもお世話になっております。

chrome拡張機能による、HTML要素の取得をしたいと考えています。
具体的には、コンテキストメニューからのクリックイベントで発火させ、sendMessageで指示をcontent_scriptsにDOM操作をさせる流れです。

そこで以下のコードを記述しているのですが、下記エラーが出て解決できずに途方にくれています。。

Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

コードは以下の通りです。

manifest.json

{
  "name": "Context Menus Sample",
  "description": "Shows some of the features of the Context Menus API",
  "version": "0.6",
  "permissions": [
    "contextMenus",
    "activeTab"
  ],
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "js": ["contents.js"]
    }
  ],
  "background": {
    "scripts": [
      "background.js"
    ],
    "persistent": true
  },
  "icons": {
    "16": "images/outline_file_copy_white_16pt.png",
    "48": "images/outline_file_copy_white_48pt.png",
    "128": "images/outline_file_copy_white_128pt.png"
  },
  "manifest_version": 2
}

contents.js

  chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
    sendResponse({
      "text": "ほげほげ"
    });
  });

background.js

function genericOnClick(info, tab) {
  chrome.tabs.query({
    active: true,
    currentWindow: true
  }, function (tabs) {
    chrome.tabs.sendMessage(tabs[0].id, {
      text: "fire"
    }, function (response) {
      console.log(response);
    });
  });
}

chrome.contextMenus.create({
  "title": "sample menu",
  "contexts": ["page"],
  "onclick": genericOnClick
});

chrome extensionの開発は初めてでもしかすると、間抜けな質問をしているのかもしれませんが、どなたかお分かりになるかた、ご教示いただけると助かります。

よろしくお願いします。

Answer 1

自己解決しました。
実行ページでページ再読み込みをしておらず、contents.jsが読み込まれてなかったことが原因だったようです。