Question

我正在编写chrome扩展程序，我正在尝试在后台页面和内容页面之间发送消息。

问题是连接永远不会建立。我甚至从谷歌文档中复制了代码，但无济于事。

这是我的清单页面

{
  "name": "x",
  "description": "x",
  "version": "0.1",
  "permissions": ["contextMenus", "tabs", "notifications"],
   "content_scripts": [
    {
      "matches": ["http://*/*","https://*/*"],
      "js": ["jquery.js", "content_script.js"]
    }
  ],
  "background": {
    "scripts": ["sample.js"]
  },
  "manifest_version": 2
}

我的背景页

function genericOnClick(info, tab) 
{
       //copy pasted from google tutorials. My own code also didn't work
       chrome.tabs.getSelected(null, function(tab) {
  chrome.tabs.sendMessage(tab.id, {greeting: "hello"}, function(response) {
    console.log(response.farewell);
  });
});


}



// Create a parent item and two children.
var parent1 = chrome.contextMenus.create({"title": "Rank Trigger", "contexts":["all"]});

var child1 = chrome.contextMenus.create
(
    {"title": "Rank 1", "contexts":["all"], "parentId": parent1, "onclick": genericOnClick}
);
var child2 = chrome.contextMenus.create
(
    {"title": "Rank 2", "contexts":["all"], "parentId": parent1, "onclick": genericOnClick}
);
var child2 = chrome.contextMenus.create
(
    {"title": "Rank 3", "contexts":["all"], "parentId": parent1, "onclick": genericOnClick}
);

内容脚本：

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

有什么想法吗？也许因为上下文菜单触发了事件，但我不太确定。我是JS和chrome扩展编程的新手。

由于

Answer 1

在元素上设置onclick处理程序，然后使用event.currentTarget.outerHTML获取所单击元素的HTML。

Answer 2

原来我的代码按预期工作，并且每个onClick都确实发送了消息。问题是我在没有注入contentScript的错误页面上测试它。

我的愚蠢错误......感谢大家的帮助

无法在后台页面和内容页面之间建立连接

2 个答案: