Javascript chrome中弹出窗口和内容脚本之间的通信

Javascript chrome中弹出窗口和内容脚本之间的通信,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我正在尝试构建一个chrome扩展,但我无法将消息从弹出窗口发送到内容脚本。请告诉我哪里出了问题 弹出脚本代码: $(document).ready(function(){ $('#button').click(function(){ chrome.tabs.query({active: true, currentWindow: true},function(tabs) { chro

我正在尝试构建一个chrome扩展,但我无法将消息从弹出窗口发送到内容脚本。请告诉我哪里出了问题

弹出脚本代码:

         $(document).ready(function(){ 
            $('#button').click(function(){
              chrome.tabs.query({active: true, currentWindow: true},function(tabs) {
                     chrome.tabs.sendMessage(tabs[0].id, {message: "hello"});
        });
    });
});
chrome.extension.onMessage.addListener(
 function(request, sender) {
  alert("Contentscript has received a message from from background script: '" + request.message + "'");
  });
内容脚本代码:

         $(document).ready(function(){ 
            $('#button').click(function(){
              chrome.tabs.query({active: true, currentWindow: true},function(tabs) {
                     chrome.tabs.sendMessage(tabs[0].id, {message: "hello"});
        });
    });
});
chrome.extension.onMessage.addListener(
 function(request, sender) {
  alert("Contentscript has received a message from from background script: '" + request.message + "'");
  });
这是manifest.json:

{
  "manifest_version" : 2,
  "name" : "First My Chrome Extension",
  "version" : "0.0.1",
  "description" : "The first web-app using chrome extension technology",
  "icons" : {
    "16" : "images/icon16px.png",
    "48" : "images/icon48px.png",
    "128" : "images/icon128px.png"
  },


 "background": {
    "scripts": ["scripts/background.js"]

  },



  "browser_action" :{
    "default_icon":{
      "48" : "images/icon48px.png"
    },
    "default_title" : "Nghoangvutn",
    "default_popup" : "popup.html"
  },
  "content_scripts":[
  {
    "matches":[
      "<all_urls>"
      ],
    "js" : [
      "scripts/jquery.js",
      "scripts/content.js"
      ]

  }
    ],

  "permissions" : [
    "tabs",
    "storage"
    ]

}
{
“清单版本”:2,
“名称”:“我的第一个Chrome扩展”,
“版本”:“0.0.1”,
“描述”:“第一款使用chrome扩展技术的web应用程序”,
“图标”:{
“16”:“images/icon16px.png”,
“48”:“images/icon48px.png”,
“128”:“images/icon128px.png”
},
“背景”:{
“脚本”:[“scripts/background.js”]
},
“浏览器操作”:{
“默认_图标”:{
“48”:“images/icon48px.png”
},
“默认标题”:“Nghaongvutn”,
“默认弹出窗口”:“popup.html”
},
“内容脚本”:[
{
“匹配项”:[
""
],
“js”:[
“scripts/jquery.js”,
“scripts/content.js”
]
}
],
“权限”:[
“标签”,
“存储”
]
}

应更新内容脚本代码以使用以下方法。请注意从
chrome.extension
chrome.runtime
的更改

chrome.runtime.onMessage.addListener(
 function(request, sender) {
   alert("Contentscript has received a message from from background script: '" + request.message + "'");
});

我遵循了您的帮助,但没有任何更改,内容脚本不起作用。应该使用清单文件动态或静态地将其添加到页面中。弹出窗口和网页控制台中有任何错误信息吗?没有错误信息。它就是不起作用。可能消息传递失败了。我不知道问题出在哪里检查这些链接:如果通过设置断点调试弹出窗口和内容脚本,这些问题在几秒钟或几分钟内就解决了。是的,谢谢woxxom,它可以工作。