Google Chrome Extension :: console.log () von der Hintergrundseite?

Wenn ich console.log('something');von der Popup-Seite oder einem darin enthaltenen Skript anrufe, funktioniert es einwandfrei.

Da die Hintergrundseite jedoch nicht direkt von der Popup-Seite ausgeführt wird, ist sie nicht in der Konsole enthalten.

Gibt es eine Möglichkeit, die console.log()auf der Hintergrundseite angezeigt wird, um sie in der Konsole für die Popup-Seite anzuzeigen?

Gibt es eine Möglichkeit, von der Hintergrundseite aus eine Funktion auf der Popup-Seite aufzurufen?

Jede Erweiterungsseite (außer Inhaltsskripten ) hat direkten Zugriff auf die Hintergrundseite über chrome.extension.getBackgroundPage().

Das bedeutet, dass Sie auf der Popup-Seite einfach Folgendes tun können:

chrome.extension.getBackgroundPage().console.log('foo');

Um die Verwendung zu vereinfachen:

var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');

Wenn Sie dasselbe in Inhaltsskripten tun möchten, müssen Sie Message Passing verwenden , um dies zu erreichen. Der Grund, sie gehören beide zu verschiedenen Domänen, die Sinn machen. Auf der Seite " Nachrichtenübermittlung" finden Sie viele Beispiele, die Sie auschecken können.

Hoffe das klärt alles.

Sie können die Konsole der Hintergrundseite öffnen, wenn Sie in der Erweiterungsliste auf den Link "background.html" klicken.

Um auf die Hintergrundseite zuzugreifen, die Ihren Erweiterungen entspricht, öffnen Settings / Extensionsoder öffnen Sie eine neue Registerkarte und geben Sie ein chrome://extensions. Sie werden so etwas wie diesen Screenshot sehen.

Klicken Sie unter Ihrer Erweiterung auf den Link background page. Dies öffnet ein neues Fenster. Für das Kontextmenübeispiel hat das Fenster den Titel : _generated_background_page.html.

Um Ihre Frage direkt zu beantworten, wenn Sie console.log("something")aus dem Hintergrund anrufen , wird diese Nachricht in der Konsole der Hintergrundseite protokolliert. Um es anzuzeigen, können Sie unter Ihrer Erweiterung darauf chrome://extensions/klicken inspect view.

Wenn Sie auf das Popup klicken, wird es in die aktuelle Seite geladen. Daher sollte in der console.log die Protokollmeldung auf der aktuellen Seite angezeigt werden.

Sie können console.log () weiterhin verwenden, es wird jedoch in einer separaten Konsole angemeldet. Um es anzuzeigen, klicken Sie mit der rechten Maustaste auf das Erweiterungssymbol und wählen Sie "Popup überprüfen".

Die einfachste Lösung wäre, den folgenden Code oben in die Datei einzufügen. Und dann können Sie alle vollständigen Chrome-Konsolen-APIs wie gewohnt verwenden.

 console = chrome.extension.getBackgroundPage().console;
// for instance, console.assert(1!=1) will return assertion error
// console.log("msg") ==> prints msg
// etc

const log = chrome.extension.getBackgroundPage().console.log;
log('something')

Protokoll öffnen:

• Öffnen Sie: chrome: // extensions /
• Details> Hintergrundseite

Versuchen Sie Folgendes, wenn Sie sich bei der Konsole der aktiven Seite anmelden möchten:

chrome.tabs.executeScript({
    code: 'console.log("addd")'
});

In Bezug auf die ursprüngliche Frage möchte ich der akzeptierten Antwort von Mohamed Mansour hinzufügen, dass es auch eine Möglichkeit gibt, diese Arbeit umgekehrt zu machen:

Sie können mit dem Aufruf über die Hintergrundseite / das Skript auf andere Erweiterungsseiten (z. B. Optionsseite, Popup-Seite) zugreifen chrome.extension.getViews(). Wie hier beschrieben .

 // overwrite the console object with the right one.
var optionsPage = (  chrome.extension.getViews()  
                 &&  (chrome.extension.getViews().length > 1)  ) 
                ? chrome.extension.getViews()[1] : null;

 // safety precaution.
if (optionsPage) {
  var console = optionsPage.console;
}

Es ist ein alter Beitrag mit bereits guten Antworten, aber ich füge meine zwei Bits hinzu. Ich verwende nicht gern console.log, sondern lieber einen Logger, der sich an der Konsole anmeldet, oder wo immer ich will, also habe ich ein Modul, das eine Protokollfunktion wie diese definiert

function log(...args) {
  console.log(...args);
  chrome.extension.getBackgroundPage().console.log(...args);
}

Wenn ich log aufrufe ("das ist mein Protokoll"), wird die Nachricht sowohl in die Popup-Konsole als auch in die Hintergrundkonsole geschrieben.

Der Vorteil besteht darin, dass Sie das Verhalten der Protokolle ändern können, ohne den Code ändern zu müssen (z. B. Deaktivieren von Protokollen für die Produktion usw.).

Um ein Konsolenprotokoll von einer Hintergrundseite zu erhalten, müssen Sie das folgende Codefragment in Ihre Hintergrundseite background.js schreiben -

chrome.extension.getBackgroundPage (). console.log ('Hallo');

Laden Sie dann die Erweiterung und überprüfen Sie die Hintergrundseite, um das Konsolenprotokoll anzuzeigen.

Gehen Sie geradeaus!!