Простой передачи сообщений между «background.js» к

Question

Я пытаюсь применить следующий поток «contentScript.js»:

связывания для ключей в background.js, при нажатии им: Отправка сообщения от background.js -> contentScript.js Sending ответ от contentScript.js -> background.js

Вот это menifit.json определения:

"background" : { 

    "scripts" : ["background.js"], 
    "persistent" : true 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["*://*/*"],  
     "js": ["contentScript.js"] 
    } 
    ], 

Связующий часть работает отлично.

Вот код в background.js:

chrome.runtime.sendMessage({greeting: "hello"}, function(response) { 
     console.log(response.farewell); 
     }); 
    }); 

Вот код в contentScript.js:

chrome.runtime.onMessage.addListener(HandleMessage); 

function HandleMessage(request, sender, sendResponse) 
{ 
    if (request.greeting == "hello") 
    { 
     sendResponse({farewell: "goodbye"});   
    } 
}; 

Это ошибка, что я получаю:

Error in event handler for (unknown): Cannot read property 'farewell' of undefined 
Stack trace: TypeError: Cannot read property 'farewell' of undefined 
    at chrome-extension://fejkdlpdejnjkmaeadiclinbijnjoeei/background.js:64:26 
    at disconnectListener (extensions::messaging:338: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.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.publicClass.(anonymous function) [as dispatch] (extensions::utils:93:26) 

В случай изменения

console.log(response.farewell); 

в

console.log("OK"); 

он работает нормально, но таким образом я не могу получить значения из contentScript.js

Что я должен изменить?

Answer 1

Вы пытаетесь отправить сообщения от фона страницы в сценарий содержимого. Из official documentation, вы используете этот код для отправки сообщений от фона страницы:

chrome.runtime.sendMessage({greeting: "hello"}, function(response) { 
console.log(response.farewell); 
}); 

Однако документы четко отметить, что код, упомянутый выше, чтобы отправить сообщение из скрипта контента. Это причина, почему вы, вероятно, получите ошибку:

Error in event handler for (unknown): Cannot read property 'farewell' of undefined 
Stack trace: TypeError: Cannot read property 'farewell' of undefined 

То, что вы хотите достичь посылают запрос от расширения (фон страницы) в сценарий контента, который требует указать вкладку, в которой скрипт содержания :

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) { 
    console.log(response.farewell); 
    }); 
}); 

Надеюсь, это прояснит ситуацию и поможет вам начать работу в правильном направлении.

Answer 2

Есть 3 способа отправки сообщения в Chrome Extension, вы можете обратиться к Message Passing.

Обычно используют одноразовый запрос, например:

В background.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    chrome.tabs.sendMessage(tabs[0].id, {message: "hello"}, function(response) { 
    console.log(response); 
    }); 
}); 

В contentscripts.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) { 
    console.log(request.message); 
    if (request.message == "hello") { 
    sendResponse({farewell: "goodbye"}); 
    } 
});