chrome.runtime.onMessage不存在
chrome.runtime.onMessage不存在
提问于 2019-08-30 17:54:12
我使用asked来帮助理解如何正确地实现chrome扩展的message API，然后我已经在我的代码中实现了它。工作流程是，popup.js将向我的后台脚本发送一条消息，让它知道弹出窗口已打开并且可以接收数据，然后后台脚本向内容脚本发送一条消息，内容脚本将获取所需的数据并返回包含这些数据的响应。我在popup.js控制台中得到一个错误：Uncaught TypeError: chrome.runtime.onMessage is not a function。我还注意到内容脚本没有在消息上触发，有什么修复方法吗，代码有什么问题？
popup.js
(function($){
$(document).ready(function(){
console.log('Extension Started!');
chrome.runtime.sendMessage({type:'init_popup_feed'});
chrome.runtime.onMessage(function(message, sender, response){
console.log(sender);
if( message.type == 'feed_data' ){
console.log(message.data);
}
});
});
}(jQuery));background.js
const s = [];
chrome.runtime.onMessage.addListener(function(message, sender, response){
console.log(sender);
console.log(message.type);
if( message.type == 'init_popup_feed' ){
chrome.runtime.sendMessage({type:'grab_feed'});
}
else if( message.type == 's_feed'){
chrome.runtime.sendMessage({type:'feed_data',data:message.data});
}
//chrome.runtime.sendMessage({});
});main.js -内容脚本
(function($){
$(document).ready(function(){
console.log('Extension Started!');
const l = [];
var d;
chrome.runtime.onMessage.addListener(function(message, sender, response){
console.log(message.type);
if( message.type == 'grab_feed' ){
// ... code stuff here ...
sendResponse({type:'s_feed',data:l});
console.log(l);
}
});
});
}(jQuery));更新
我已经根据评论中的建议修改了代码。现在，我在后台脚本控制台日志中有一个错误：Error in event handler: TypeError: Error in invocation of tabs.sendMessage(integer tabId, any message, optional object options, optional function responseCallback): No matching signature. chrome.tabs.sendMessage()有什么问题
background.js
var id;
chrome.runtime.onMessage.addListener(function(message, sender, response){
console.log(message.type);
if( message.type == 'extension_started'){
console.log(sender);
id = sender.tab.tabId;
}
else if( message.type == 'init_popup_feed' ){
chrome.tabs.sendMessage(id, {type:'grab_stories'}, function(response){
console.log(response);
chrome.runtime.sendMessage({type:'stories_feed_data',data:response.data});
});
}
});回答 1
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57724506
复制相关文章
相似问题
腾讯云开发者
