Javascript Chrome扩展-onMessage侦听器不工作

我正在尝试执行一个脚本，当点击chrome扩展时，该脚本会操纵页面的html。（不涉及弹出窗口）

问题是我无法让警报（“测试”）正常工作（位于content.js中）。我做错了什么

Json

{
    "name": "test",
    "version": "1.0",
    "manifest_version" :2,
    "description": "test",
    "browser_action" : {
        "default_icon" :"icon.png"
    },
    "background": {
    "scripts": ["background.js"]
    },
      "content_scripts": [ 
  {
  "matches": ["http://*/*","https://*/*"],
  "js": ["content.js"]
  }],
    "permissions": [
    "http://*/*",
    "https://*/*",
    "contextMenus",
    "tabs"
  ]


}

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
       chrome.tabs.sendMessage(tab.id, {
                                     'action': 'SwapNameAndSurname',
                                     'data'  : {'Name' : 'John', 'Surname' : 'Doe'}
                                     });
});

content.js

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
   alert("test");
    console.log(sender.tab ?
                "from a content script:" + sender.tab.url :
                "from the extension");
    if (request.greeting == "hello")
      sendResponse({farewell: "goodbye"});
  });

---

我被困在这上面有一段时间了

---

刷新扩展名和页面完成了任务。

重新加载扩展名后，您还必须重新加载网页，扩展名才能与内容脚本对话。谢谢！我必须重新启动chrome才能工作。有时你看不到正确的控制台（我看的是我的“后台”控制台，而不是选项卡的控制台…）