Rozszerzenie Chrome: błąd portu: nie można nawiązać połączenia. Odbieranie końca nie istnieje.

Question

Gdy próbuje komunikować się między moim Script Content i tła uzyskać następujące błędy:

Port error: Could not establish connection. Receiving end does not exist. 
Error in event handler for 'undefined': Cannot read property 'message' of undefined  
TypeError: Cannot read property 'message' of undefined 

background.js

function onRequest(request, sender, callbackFunction) { 
    console.log("Me (BS) became this Message:" + request.message); 
    sendResponse({message: request.message}) 
}; 
chrome.extension.onRequest.addListener(onRequest); 

streamcloud.js

function contactBackground(nachricht){ 
    chrome.extension.sendMessage({message: nachricht}, function(response) { 
     console.log("The Background Script got the following Message: " + response.message); 
    }); 
} 

i mój plik manifest.jso n

{ 
    "name": "InstantWatch - Dev", 
    "manifest_version": 2, 
    "version": "0.7", 
    "permissions": ["tabs", "http://*/", "https://*/"], 
    "background": { 
    "scripts": ["background.js"] 
    }, 
    "browser_action": { 
    "default_title": "InstantWatch", 
    "default_icon" : "icon.ico" 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["http://*/*", "http://*/*"], 
     "js": ["jquery.js", "streamcloud.js"] 
    } 
    ] 
} 

mogę znaleźć rozwiązanie dodać BACKGROUND_PAGE: „background.html” pustym background.html, ale ponieważ nie jest obsługiwany BACKGROUND_PAGE od manifest_version 2, nie można jej użyć.

Answer 1

sendMessage i są niezgodne.

Jeśli trzeba wspierać Chrome 19 i wcześniejszych, użyj onRequest i sendRequest:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { 
    // Warning: Chrome 19- [receiver] 
}); 
chrome.extension.sendRequest(message, optional_sendResponse); 

---

Dla Chrome 20 - 25, użyj chrome.extension.onMessage i chrome.extension.sendMessage:

chrome.extension.onMessage.addListener(function(request, sender, sendResponse) { 
    // Chrome 20+ 
}); 
chrome.extension.sendMessage(message, optional_sendResponse); 

---

Dla Chrome 26+, użyj chrome.runtime.onMessage i chrome.runtime.sendMessage.

---

Uwaga: od wersji Chrome 26 przestarzałe metody są nadal obsługiwane, ale nieudokumentowane. Jeśli masz szansę, zaktualizuj rozszerzenie, aby korzystać z nowych metod, aby upewnić się, że rozszerzenie będzie nadal działać w przyszłości.
Wyświetl kod this answer, który jest zgodny z Chrome 20+.

Answer 2

Zamiast

chrome.extension.onRequest.addListener(onRequest); 

Zastosowanie

chrome.extension.onMessage.addListener(onRequest); 

Ponieważ używasz SendMessage i nie sendRequest.

Analiza wiadomości została zaktualizowana w nowej wersji Chrome. sendRequest i onRequest są przestarzałe. Zaleca się korzystanie z funkcji sendMessage i onMessage.

Odwołaj się do dokumentacji dla message parsing between Content Script and Background.