sendMessage із фону розширення або спливаючого вікна до сценарію вмісту не працює


86

Я знаю, що це запитання неодноразово задавали різними способами, але я намагався переглянути всі відповіді (сподіваюся, я нікого не пропустив), і жоден з них не працював у мене.

Ось код мого розширення:

маніфест:

{
"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

Відповіді:


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функція посилає повідомлення всіх інших компонентів розширення.


6
Дякую тобі. Це правильно, за винятком того, що 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?
Kushal Jain

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 Це дуже простий приклад, але не вдалося його правильно зрозуміти. Отримання помилки Не вдалося встановити з’єднання. Кінець отримання не існує. Будь-які ідеї
umsateesh

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.