javascript - 内容脚本没有收到消息

Question

我的后台脚本是打开一个新的选项卡，然后在这个选项卡上执行 jQuery，然后我执行我的脚本并发送这个脚本需要的消息。

问题是脚本没有收到消息。

background.js

chrome.tabs.create({url: myUrl}, function(tab){
        chrome.tabs.executeScript(tab.id, {file: 'jquery-2.1.4.min.js'}, function(){
            chrome.tabs.executeScript(tab.id, {file: 'myScript.js'});
            chrome.tabs.sendMessage(tab.id, {myMessage: message.myMessage});
            })
        });

myScript.js

alert('It works!');

chrome.runtime.onMessage.addListener(function(message) {
    alert('Also here!');
});

所以“它有效!”弹出但“也在这里!”没有。

Answer 1

由于 chrome.tabs.executeScript 是异步的，您还必须等待 myScript.js 在向其发送消息之前加载:

chrome.tabs.create({url: myUrl}, function(tab){
    chrome.tabs.executeScript(tab.id, {file: 'jquery-2.1.4.min.js'}, function(){
        chrome.tabs.executeScript(tab.id, {file: 'myScript.js'}, function(){
            chrome.tabs.sendMessage(tab.id, {myMessage: message.myMessage});
        });
    });
});