Wie bekomme ich Daten aus einer hintergrund-Seite, um den Inhalt Skript im google chrome-Erweiterungen

Ich habe versucht, Daten zu senden, von meinem hintergrund-Seite zu einem content-Skript in meine chrome-Erweiterung. ich kann nicht scheinen, um es zu arbeiten. Ich habe gelesen, ein paar Beiträge online, aber Sie sind nicht wirklich klar und scheint Recht hohem Niveau. Ich habe es geschafft die oauth-Arbeit mit dem Oauth-Kontakte Beispiel auf das Chrome-Proben. Die Authentifizierung funktioniert, ich kann die Daten und zeigt Sie in einer html-Seite, indem Sie eine neue Registerkarte zu öffnen.

Will ich senden Sie diese Daten an eine content-Skript.

ich habe eine Menge ärger mit diesem und wäre wirklich dankbar wenn jemand könnte Gliederung der explizite Schritte, die Sie Folgen müssen, um das senden von Daten von einem bg-Seite auf ein content-script oder noch besser ein paar code. Irgendwelche Abnehmer?

den code für meine hintergrund-Seite ist unten (ich habe ausgeschlossen das oauth-paramaeters und andere )

` function onContacts(text, xhr) {
    contacts = [];
    var data = JSON.parse(text);
    var realdata = data.contacts;
    for (var i = 0, person; person = realdata.person[i]; i++) {
      var contact = {
        'name' : person['name'],
        'emails' : person['email']
      };


      contacts.push(contact); //this array "contacts" is read by the 
 contacts.html page when opened in a new tab

    }

    chrome.tabs.create({ 'url' : 'contacts.html'}); sending data to new tab
    //chrome.tabs.executeScript(null,{file: "contentscript.js"});
    may be this may work?

  };

  function getContacts() {
    oauth.authorize(function() {
      console.log("on authorize");
      setIcon();
      var url = "http://mydataurl/";
      oauth.sendSignedRequest(url, onContacts);

    });
  };

  chrome.browserAction.onClicked.addListener(getContacts);`

Da bin ich mir nicht ganz sicher wie man die Daten in das content-Skript, ich werde nicht die Mühe, die Buchung der mehrere Versionen von meinen fehlgeschlagenen content-Skripte. wenn könnte ich nur eine Probe erhalten, wie Sie auf Anfrage der "Kontakte" - array aus meinem Inhalt Skript, und wie das senden der Daten von der bg-Seite, das wäre toll!

InformationsquelleAutor rupertnorth | 2011-01-15
  1. 14

    Haben Sie zwei Möglichkeiten abrufen der Daten in das content-Skript:

    1. Sie mit den Tab-API:
      http://code.google.com/chrome/extensions/tabs.html#method-executeScript
    2. Messaging Verwenden:
      http://code.google.com/chrome/extensions/messaging.html

    Mit den Tab API

    Ich in der Regel verwenden Sie diese Methode, wenn meine extension wird nur verwendet, einmal in eine Weile, zum Beispiel, einstellen des Bild als mein desktop-wallpaper. Menschen nicht Hintergrundbild jede Sekunde oder jede minute. Sie sind in der Regel einmal in der Woche oder sogar täglich. So dass ich nur Spritzen, ein content-script, um diese Seite. Es ist ziemlich einfach zu tun, können Sie entweder tun es, indem Sie die Datei oder den code wie in der Dokumentation erläutert:

    chrome.tabs.executeScript(tab.id, {file: 'inject_this.js'}, function() {
  console.log('Successfully injected script into the page');
});

    Messaging Verwenden

    Wenn Sie müssen ständig Informationen aus Ihren websites, es wäre besser, verwenden messaging. Es gibt zwei Arten von messaging -, langlebig-und Single-Anfragen. Ihr Inhalt Skript (Sie definieren in der manifest) hören können, für die Erweiterung Anforderungen:

    chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
  if (request.method == 'ping')
    sendResponse({ data: 'pong' });
  else 
    sendResponse({});
});

    Und Ihre Hintergründe-Seite könnten eine Nachricht senden, dass der Inhalt Skript durch messaging. Wie unten gezeigt, es wird die derzeit ausgewählte Registerkarte und senden Sie eine Anforderung an diese Seite.

    chrome.tabs.getSelected(null, function(tab) {
  chrome.tabs.sendRequest(tab.id, {method: 'ping'}, function(response) {
    console.log(response.data);
  });
});

    Hängt von Ihrer Erweiterung die Methode ist zu verwenden. Ich habe beide. Für eine Erweiterung, die verwendet wird, wie jede Sekunde, jede Zeit, die ich verwenden Messaging (langlebig). Für eine Erweiterung, die nicht jedes mal verwendet, dann brauchen Sie nicht das content-Skript in jede einzelne Seite, können Sie einfach die Registerkarte API executeScript, weil es einfach Spritzen, ein content-script, Wann immer Sie Sie benötigen.

    Hoffe, das hilft! Eine Suche auf Stackoverflow, es gibt viele Antworten auf Inhalte, Skripte und hintergrund-Seiten.

    • vielen Dank für diese, aber es ist nicht wirklich das, was ich suchte. über die Registerkarte option, die ich ausprobiert habe, und ich bin vertraut mit der tab.execute script-ich weiß, die syntax. was ich Suche ist wie man die Daten habe ich in meinem bg-Seite auf der content-Seite. ich.e nach dem ausführen von execute script, wie kann ich (basierend auf dem code, den ich gepostet) senden der Daten an den script, so ist es nicht nur ein duff-Skript ausgeführt wird?
    • Ich habe gerade erläutert, wie das zu tun. Wenn Ihr mit executeScript, die Skript-Datei, die Sie angeben, ist die "content-script". Wenn Sie bereits über das content-Skript in die Webseite, dann verwenden Sie Messaging. Wenn Sie möchten, eine langlebige Inhalt Skript mit messaging-ports (aus der Dokumentation). Ich erklärte allen, dass oben.
    • Ändern sendResponse( { data: 'pong' }), um sendResponse( { Daten: Dokument.Körper.innerHTML }). Dann Ihre Funktion angegeben in addListener in der hintergrund-Seite zugreifen kann es mit der Antwort.Daten.
    • Ich weiß, dass dies vor allem für Google Chrome. Allerdings bekam ich hier auf der Suche bei Firefox die WebExtension. Ich war in der Lage, die oben genannten finden Sie in der Dokumentation, dies zu tun. developer.mozilla.org/en-US/Add-ons/WebExtensions/API/tabs/... Also, wenn jemand auf der Suche für den firefox-Weg, dies zu tun.
    InformationsquelleAutor Mohamed Mansour
  2. 3

    Ich dachte, ich würde aktualisieren diese Antwort für die aktuellen und zukünftigen Leser.

    Entsprechend der Chrome-API, Chrom.- Erweiterung.onRequest ist "[d]eprecated da Chrom 33. Bitte verwenden Laufzeit.onMessage."

    Sehen dieses tutorial aus der Chrome-API für code-Beispiele, die über die messaging-API.

    Auch, es gibt ähnliche (neuere) SO Beiträge, wie diese eine, die mehr relevant für die Zeit.

    InformationsquelleAutor user3773048
  3. 1

    Folgen auf Mohamed ' s point.

    Wenn Sie wollen, um die übergabe von Daten aus dem hintergrund-Skript, um den Inhalt Skript bei der Initialisierung erzeugen Sie eine weitere einfache Skript enthält nur JSON und führen Sie es vorher.

    Ist, dass das, was du suchst?

    Andernfalls müssen Sie das message passing interface

    Im hintergrund Seite:

    //Subscribe to onVisited event, so that injectSite() is called once at every pageload.
chrome.history.onVisited.addListener(injectSite);

function injectSite(data) {
    //get custom configuration for this URL in the background page.
    var site_conf = getSiteConfiguration(data.url);

    if (site_conf)
    {
        chrome.tabs.executeScript({ code: 'PARAMS = ' + JSON.stringify(site_conf) + ';' });
        chrome.tabs.executeScript({ file: 'site_injection.js' });
    }
}

    In das content-Skript Seite (site_injection.js)

    //read config directly from background
console.log(PARAM.whatever);
    InformationsquelleAutor Eloims
Schreibe einen Kommentar