Javascript chrome中弹出窗口和内容脚本之间的通信
我正在尝试构建一个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
$(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,它可以工作。