Question

我正在创建Chrome扩展程序，我正在使用Message Passing进行此过程。过程是这样的： 1.-当我点击弹出元素时，popup.js向后台发送请求。

function sendMessageToContent(contactName){
chrome.runtime.sendMessage({elementValue: contactName}, function(response) {
    console.log(response.farewell);
});

}

2.- background.js侦听请求。

chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
    if(request.elementValue != null){
        var accessToken = localStorage.getItem('accessToken');
        var instanceUrl = localStorage.getItem('instanceUrl');       
getContactByName(accessToken,instanceUrl,request.elementValue);
            sendResponse({farewell: "ContactResponse"});
        }
    });

并向content.js发送另一个请求。

function getContactByName(accessToken,instanceUrl,contactName){
var urlQuery = 'query';
fetch(instanceUrl+urlQuery,{
    method: 'get',
    headers: new Headers({
        'Authorization': 'Bearer '+accessToken,
        'Content-Type': 'application/json'
    })
})
    .then(response => {
        if(response.status != 200){
               showAuthNotification();
        }
        return response.json()
    })
    .then(data => {
        for(var i = 0; i<data.totalSize; i++){
            contact.push({name:data.records[i].Name, email:data.records[i].Email, id:data.records[i].Id});
        }
        localStorage.setItem('contactInfo', JSON.stringify(contact));
        chrome.tabs.query({}, function (tab) {
                chrome.tabs.update(tab[4].id, {active: true});
                chrome.tabs.sendMessage(tab[4].id, {message: "OK"});
        }
                        });

    })
    .catch(function (error) {
        console.log('Request failure: ', error);
    })

}

3.-问题在于此步骤，在发送后台请求后，它应该打开一个特定的选项卡，content.js上的监听器应该接受请求。此过程仅在我处于当前选项卡时，当我使用chrome.tabs.update(tab[4].id, {active: true});监听器激活其他选项卡时才有效

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
console.log(request.message);

}）;

不听取请求。

我怎么能这样做，监听器对所有请求或特定选项卡都有效，而不仅仅是当前的点击？

如何为特定选项卡激活chrome.runtime.onMessage.addListener？

0 个答案: