Ich habe gerade mit Google Chrome-Erweiterungen angefangen und kann mich anscheinend nicht von meinem Hintergrund-JS aus bei der Konsole anmelden. Wenn ein Fehler auftritt (z. B. aufgrund eines Syntaxfehlers), kann ich auch keine Fehlermeldungen finden.
Meine Manifestdatei:
{
"name": "My First Extension",
"version": "1.0",
"manifest_version": 2,
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "icon.png"
},
"background": {
"scripts": ["background.js"]
},
"permissions": [
"pageCapture",
"tabs"
]
}
background.js:
alert("here");
console.log("Hello, world!")
Wenn ich die Erweiterung lade, wird die Warnung angezeigt, aber es wird nichts an der Konsole protokolliert. Was mache ich falsch?
Antworten:
Du siehst am falschen Ort. Protokollierte Konsolenmeldungen werden nicht auf der Webseite, sondern auf der (unsichtbaren) Hintergrundseite angezeigt. Gehen Sie folgendermaßen vor, um diese Meldungen in der Konsole anzuzeigen:
Besuchen Sie
chrome://extensions/
.Sie können auch mit der rechten Maustaste auf das Erweiterungssymbol klicken und dann auf "Erweiterungen verwalten" klicken.
Neue Benutzeroberfläche:
Alte Benutzeroberfläche:
quelle
Ich hatte das gleiche Problem. In meinem Fall wurde die Protokollierung auf der Registerkarte "Konsole" der Chrome Developer-Tools auf "Alle ausblenden" gesetzt. Ich hatte nicht einmal bemerkt, dass dies eine Option war, und ich kann mich nicht erinnern, sie ausgeschaltet zu haben
quelle
Für Follower, die die Debug-Konsole für ein "Inhaltsskript" ihrer Chrome-Erweiterung anzeigen möchten, können Sie eine normale "Show Developer Console" ausführen und dann mithilfe des Dropdown-Pfeils die "Javascript-Umgebung" auswählen. Anschließend haben Sie Zugriff zu seinen Methoden usw.
quelle
zusätzlich
Wenn Sie die
content_script
js-Datei (wenn die Eigenschaft "background" nicht festgelegt ist) in manifest.json anzeigen möchtenKlicken Sie dann mit der rechten Maustaste auf das Erweiterungssymbol und klicken Sie auf Popup überprüfen. Das Entwicklerfenster wird mit geöffneter popup.html geöffnet. Dort sehen Sie die Registerkarte Konsole.
quelle
popup.js
wurde in der wiederverwendetpopup.html
, und als solche geht die Ausgabe dieser Kopie an die Stelle, die Sie erwähnt haben. Aber es ist total irreführend.Ähnlich wie bei der Antwort von Michiel hatte ich auch eine lustige Konsolenkonfiguration: Ein Filter, an den ich mich nicht erinnern kann:
Nach dem Löschen des Filters sah ich die Meldungen.
quelle
Wenn wir Nachrichten lesen möchten, die von der Popup-Seite auf die Konsole gedruckt wurden, können wir auf das Erweiterungssymbol klicken, um die Popup-Seite zu öffnen. Klicken Sie dann mit der rechten Maustaste auf die Popup-Seite. Ein Dropdown-Menü wird angezeigt. Klicken Sie einfach auf "Überprüfen" Öffnen Sie das Entwicklertool. Beachten Sie, dass die Popup-Seite weiterhin geöffnet sein muss. Wenn es geschlossen wird (von window.close ()), wird auch das Entwicklertool geschlossen.
quelle
Ich hatte auch dieses Problem. Es scheint, als würde meine Webseite nicht auf das neu gespeicherte Skript aktualisiert. Dies wurde durch Drücken von
Ctrl
+ Aktualisieren (oderCtrl
+F5
) im Chrome-Browser behoben .quelle