Nachricht senden chrome-Erweiterung von einer web-Seite

Ich die Nachricht senden wollen, von der Konsole des Zufalls web-Seite, meine Google chrome-Erweiterung.
chrome.- Erweiterung.sendMessage scheint nicht zu funktionieren.

InformationsquelleAutor der Frage dilpreet023 | 2012-07-11

google-chrome-devtools google-chrome-extension

50

Laut die offiziellen docsdie Sie verwenden sollten postMessage in den sender-und message Ereignis-listener in den Empfänger.

Hier ist ein Beispiel:

Ihrer website page.html
```
var data = { type: "FROM_PAGE", text: "Hello from the webpage!" };
window.postMessage(data, "*");
```
Content-Skript: (injiziert mit chrome.tabs.executeScript(tabid, {code:...)
```
window.addEventListener("message", function(event) {
    //We only accept messages from ourselves
    if (event.source != window)
        return;

    if (event.data.type && (event.data.type == "FROM_PAGE")) {
        console.log("Content script received message: " + event.data.text);
    }
});
```
Hier page.html (das ist nicht ein Teil der Erweiterung) stellen, Nachrichten an sich selbst, die abgefangen und kontrolliert durch das content-Skript. Die Rückseite ist möglich durch ähnliche Mittel.

Zur übergabe von content-script-Erweiterung, Sie haben zu verwenden eine der verfügbaren message-passing-Techniken.

Es sieht kompliziert aus und es ist etwas kompliziert, aber alle diese mumbo-jumbo ist sehr sicher.

InformationsquelleAutor der Antwort Silviu-Marian
30

Hier ist ein Zitat aus der neuesten http://developer.chrome.com/extensions/messaging.htmlEs ist viel einfacher für die Unterstützung dieser Art von feature-nun, hier ist, wie:
Senden von Nachrichten von web-Seiten

Ähnlich wie cross-messaging-Erweiterung, die Ihre app oder Erweiterung kann
empfangen und beantworten Sie Nachrichten von normalen web-Seiten. Um diese zu verwenden
Sie muss geben Sie zunächst an, in Ihren manifest.json dem web
Websites, die Sie kommunizieren möchten. Zum Beispiel:
```
"externally_connectable": {
  "matches": ["*://*.example.com/*"]
}
```
Dadurch werden die messaging-API, um jede Seite mit der URL übereinstimmt
Muster, die Sie angeben. Das URL-Muster muss mindestens eine
second-level-domain - hostname-Muster wie "", ".com",
".co.uk", und ".appspot.com" und <all_urls> sind verboten.
Von der web-Seite, verwenden Sie die Laufzeit.sendMessage oder Laufzeit.connect-APIs
senden Sie eine Nachricht an eine bestimmte app oder Erweiterung. Zum Beispiel:
```
//The ID of the extension we want to talk to.
var editorExtensionId = "abcdefghijklmnoabcdefhijklmnoabc";

//Make a simple request:
chrome.runtime.sendMessage(editorExtensionId, {openUrlInEditor: url},
  function(response) {
    if (!response.success)
      handleError(url);
  });
```
Ihrer app oder Erweiterung, Sie können Nachrichten Abhören von web-Seiten
über die Laufzeit.onMessageExternal oder Laufzeit.onConnectExternal APIs,
ähnlich wie cross-messaging-Erweiterung. Nur der web-Seite initiieren kann
- Verbindung. Hier ist ein Beispiel:
```
chrome.runtime.onMessageExternal.addListener(
  function(request, sender, sendResponse) {
    if (sender.url == blacklistedWebsite)
      return;  //don't allow this web page access
    if (request.openUrlInEditor)
      openUrl(request.openUrlInEditor);
  });
```
InformationsquelleAutor der Antwort hewigovens
5

Wechseln Sie in die JS-Ausführung Kontext Ihrer content-Skript mit der <page context> - Menü unten auf der einen Seite die Entwickler, JS-Konsole, dann verwenden Sie chrome.runtime.sendMessage und andere chrome.* APIs genauso, als würden Sie in das content-Skript.

InformationsquelleAutor der Antwort jaredjacobs
4

So zu erstellen, zu einem mehr konkreten Beispiel: es gibt Ein Problem mit chrome.runtime.sendMessage(...) Stil ist, dass Sie angeben müssen, pag sind Sie auf als externally_connectable die nicht nehmen, ein globaler Platzhalter wie "https:///". Also, wenn Sie wollen, dass die Fähigkeit, Sie zu verwenden haben postMessage Stil Kommunikation. Erfassen Sie die Nachricht aus dem Fenster in den contentscriptdann aus der contentscript haben, können Sie senden Sie es an anderer Stelle (falls gewünscht, gerne die background.js etc.)

So, in der normalen web-Seite oder injiziert Quelle, die Sie einbetten in die normale Seite, aus Ihrer contentscript.js senden Sie eine Nachricht wie diese:
```
window.postMessage({ type: "FROM_PAGE_TO_CONTENT_SCRIPT", 
     text: "Hello from the webpage!" }, "*");
```
ex, Sie könnte hinzufügen ein button wie dieser:
```
document.getElementById("theButton").addEventListener("click",
    function() {
       window.postMessage({ type: "FROM_PAGE_TO_CONTENT_SCRIPT", 
                            text: "Hello from the webpage!" }, "*");
}, false);
```
Dann zu erfassen, es in der contentscript.js und "senden an", um den rest der Erweiterung, die einzige Einschränkung ist, dass Sie nur wollen, um "select" - Nachrichten, die zu sein scheinen diejenigen, die Sie interessieren:
```
window.addEventListener("message", function(event) {
  //We only accept messages from this window to itself [i.e. not from any iframes]
  if (event.source != window)
    return;

  if (event.data.type && (event.data.type == "FROM_PAGE_TO_CONTENT_SCRIPT")) {        
    chrome.runtime.sendMessage(event.data); //broadcasts it to rest of extension, or could just broadcast event.data.payload...
  } //else ignore messages seemingly not sent to yourself
}, false);
```
InformationsquelleAutor der Antwort rogerdpack
2

Zusätzlich zu @hewigovens , ich habe nicht genug Punkte, um einen Kommentar...
Ich erkläre @renatoargh und @sbichenko
Wenn senden einer Nachricht von einem Standard-web-Seite -

1) die Webseite muss in Anführungszeichen eingeschlossen werden, die im manifest. z.B.:
```
"externally_connectable": {
  "matches": ["http://abcde/abcde/main.aspx*"]
}
```
2) die background.js (hintergrund der Seite)
nimmt den Anruf mit onMessageExternal z.B. (Aufruf einer Erweiterung):
```
var host_name = "com.my_chrome_extension.com";
 chrome.runtime.onMessageExternal.addListener(function(message, sender, sendResponse) {
    chrome.runtime.sendNativeMessage(host_name, {"run":message});
    sendResponse({"success": "success"});
    return true;
});
```
InformationsquelleAutor der Antwort AJ AJ

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Senden von Nachrichten von web-Seiten