sendMessage из фона расширения или всплывающего окна для содержимого скрипта не работает


87

Я знаю, что этот вопрос неоднократно задавали по-разному, но я попытался пройти все ответы (надеюсь, я никого не пропустил), и ни один из них не помог мне.

Вот код моего расширения:

манифест:

{
"name": "test",
"version": "1.1",
"background": 
{ 
    "scripts": ["contextMenus.js"]
},

"permissions": ["tabs", "<all_urls>", "contextMenus"],

"content_scripts" : [
    {
        "matches" : [ "http://*/*" ],
        "js": ["jquery-1.8.3.js", "jquery-ui.js"],
        "css": [ "jquery-ui.css" ],
        "js": ["openDialog.js"]
    }
],

"manifest_version": 2
}

contextMenus.js

function onClickHandler(info, tab) {
    if (info.menuItemId == "line1"){

      alert("You have selected: " + info.selectionText);

      chrome.extension.sendMessage({action:'open_dialog_box'}, function(){});

      alert("Req sent?");

    }
}

chrome.contextMenus.onClicked.addListener(onClickHandler);

chrome.runtime.onInstalled.addListener(function() {

  chrome.contextMenus.create({"id": "line1", "type": "normal", "title": "I'm line 1",     "contexts":["selection"]});

});

openDialog.js

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) {

  if (msg.action == 'open_dialog_box') {
    alert("Message recieved!");
  }
});

Два предупреждения фоновой страницы работают, а одно из content_script - нет.

сообщение журнала консоли: Ошибка порта: не удалось установить соединение. Приемного конца не существует.

В чем моя вина?


Вы должны использовать chrome.tabs.sendMessage()для отправки сообщений в сценарии содержимого, а не chrome.extension.sendMessage().
apsillers 09

Ответы:


141

На своей фоновой странице вы должны позвонить

chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
    chrome.tabs.sendMessage(tabs[0].id, {action: "open_dialog_box"}, function(response) {});  
});

вместо того, чтобы использовать, chrome.extension.sendMessageкак вы это делаете сейчас.

chrome.tabsВариант посылает сообщения скриптов контента, в то время как chrome.extensionфункция посылает сообщение всех других компонентов расширения.


7
Спасибо вам. Это правильно, за исключением того, что chrome.tabs.sendMessage необходимо указать, на какую вкладку отправлять его . Итак, решение проблемы:chrome.tabs.query({active: true}, function(tabs){ chrome.tabs.sendMessage(tab.id, {action: "open_dialog_box"}, function(response) { }); });
Метро

1
Этот ответ мне помог. Большое спасибо за этот полезный ответ.
Touhid

13
что надо написать, чтобы получить на content-script.js?
Кушал Джайн

5
@KushalJain Я только что понял это. В JS-файле сценария содержимого вы захотите добавить прослушиватель событий, например: chrome.runtime.onMessage.addListener( (message, sender, sendResponse) => { /* Code Here */ } ); message- это параметр, содержащий { action: "open_dialog_box" }или все, что вы отправляете. sender- это объект, содержащий идентификатор вашего расширения Chrome. sendResponse- это параметр, содержащий function(response) {}или любую переданную вами функцию, которая будет вызываться после обработки сообщения.
jsea

5
Это решение не помогло мне. Я точно слежу за документацией. Я скопировал весь код с сайта developer.chrome.com/extensions/messaging. Это очень простой пример, но я не смог понять его правильно. Получение ошибки Не удалось установить соединение. Приемного конца не существует. Любые идеи
умсатиш

0

@apsillers правильно. Также не забудьте вернуть true в слушателе сценария содержимого, иначе он может закрываться слишком рано.

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
    console.log(message)
    return true
});
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.