从后台脚本发送对象到内容脚本

Question

我想从我的background.js发送一个对象到contentscript.js。执行此操作的功能是这些：

// contentscript.js 

chrome.extension.sendMessage({ message: 'getdata' }, function(response) { 
    console.log(response.data); // Object {} 
    console.log(response.data.property); // ERROR (see below) 
}); 

-

// background.js 
var data = { property: 'test' }; 

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) { 
     if (request.message === 'getdata') { 
      sendResponse({ data: data }); 
     } 
    } 
); 

-

The error: 
Error in event handler for (unknown): Cannot read property 'property' of undefined 
Stack trace: TypeError: Cannot read property 'property' of undefined 
    at chrome-extension://neneohfdjobjkpbdmapenhmpmofmnmpo/scripts/contentscript.js:99:70 
    at messageListener (extensions::messaging:343:9) 
    at Function.target.(anonymous function) (extensions::SafeBuiltins:19:14) 
    at EventImpl.dispatchToListener (extensions::event_bindings:397:22) 
    at Function.target.(anonymous function) (extensions::SafeBuiltins:19:14) 
    at Event.$Array.forEach.publicClass.(anonymous function) [as dispatchToListener] (extensions::utils:93:26) 
    at EventImpl.dispatch_ (extensions::event_bindings:379:35) 
    at EventImpl.dispatch (extensions::event_bindings:403:17) 
    at Function.target.(anonymous function) (extensions::SafeBuiltins:19:14) 
    at Event.$Array.forEach.publicClass.(anonymous function) [as dispatch] (extensions::utils:93:26) 

我希望有人能帮助我，谢谢！

Answer 1

您将已弃用的chrome.extension.sendMessage和chrome.runtime.onMessage混合在一起。这导致各种有趣的东西。

解决方法：忘记chrome.extension.sendMessage/chrome.extension.sendRequest并存在相应的事件。

切换到chrome.runtime.sendMessage