chrome扩展`sendResponse`不起作用

Question

我正在编写一个 chrome 扩展，但 sendResponse 方法不起作用。

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {

            if(!request.method){
                    return false;
            }

            if(request.method=='postList' && request.post_list){
                // alert(1);                                                                                                                                                                            
                    a_facebook_api.getPostFromDB(request.post_list, function(data){
                            alert(data);                                                                                                                                                              
                            sendResponse(data);                                                                                                                                                       
                          
                    });

            } else if(request.method=='postAdd' && request.post_data){
                    a_facebook_api.addPostToDB(request.post_data, function(data){

                            sendResponse(data);
                    });

    }

            return true;

}
);

 chrome.runtime.sendMessage({method: "postList",post_list: post_list}, function(response) {

         alert(response);
                                                                                                                                                           
            });

函数alert(data) 有效。它为我提供了 JSON 格式的正确数据。但是，alert(response) 不显示任何消息。谁能给我一些想法为什么它不起作用？

提前谢谢你！

Answer 1

我正在寻找从弹出窗口内的内容脚本中获取数据的解决方案。是的，您可以将它与存储一起使用，但这适用于所有选项卡，因此最好将消息发送到活动选项卡并阅读响应：

在 popup.js 中

chrome.tabs.query({
    active: true,
    lastFocusedWindow: true
}, function (tabs) {
    chrome.tabs.sendMessage(tabs[0].id, {data: 1}, function (response) {
        console.log(response.data)
    });
});

在 content.js 中

chrome.runtime.onMessage.addListener(function (message, sender, sendResponse) {
    if (message.data === 1) {
        // accepts only 1 field
        sendResponse({
            data: 2
        });
        // very important to return true 
        return true; 
    }
});

Answer 2

同样的问题Chrome Extension Message passing: response not sent 会有所帮助。

您只需在侦听器上添加return true。

Answer 3

您尚未说明此代码位于内容脚本或背景页面中。通过查看它，我认为它是内容脚本的一部分。

我在我自己的一个扩展中尝试了您的代码，它警告“[object Object]”，当您警告不是字符串或数值的变量时会发生这种情况。如果您将警报数据更改为“response.responseData”，它将在后台页面中提醒您标记为“responseData”的值。

由于它没有提醒您任何东西，我认为正在侦听消息的脚本没有正确响应。

我得到了代码工作。 这是内容脚本：

//Document ready
window.onload = function() {
    alert('Ready');
    //Send a message
    sendMessage();
}

//Get message from background page
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    //Alert the message
    alert("The message from the background page: " + request.greeting);//You have to choose which part of the response you want to display ie. request.greeting
    //Construct & send a response
    sendResponse({
        response: "Message received"
    });
});

//Send message to background page
function sendMessage() {
    //Construct & send message
    chrome.runtime.sendMessage({
        method: "postList",
        post_list: "ThePostList"
    }, function(response) {
        //Alert the message
        alert("The response from the background page: " + response.response);//You have to choose which part of the response you want to display ie. response.response
    });
}

这是后台脚本：

//Get message from content script
chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        //Alert the message
        alert('The message from the content script: ' + request.method);//You have to choose which part of the response you want to display ie. request.method
        //Construct & send a response
        sendResponse({
            response: "Message received"
        });
    }
);

//Send message to content script
function sendDetails(sendData) {
    //Select tab
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        //Construct & send message
        chrome.tabs.sendMessage(tabs[0].id, {
            greeting: sendData
        }, function(response) {
            //On response alert the response
            alert("The response from the content script: " + response.response);//You have to choose which part of the response you want to display ie. response.response
        });
    });
}

每次脚本收到消息时，您都必须使用“sendResponse”函数发送响应。

希望这会有所帮助。