Wie öffne ich die JavaScript-Konsole in verschiedenen Browsern?

78

Webbrowser bieten eine JavaScript-Konsole als Teil ihrer Entwicklertools. Diese Konsole ist aus folgenden Gründen nützlich:

  • Fehler und Warnungen, die auf einer Webseite auftreten, werden in der Konsole protokolliert.
  • In der Konsole können JavaScript-Befehle zur Interaktion mit einer Webseite ausgeführt werden.

Was sind die Tastaturkürzel zum Öffnen der Konsole in verschiedenen Browsern?

web-development javascript browsers debug Šime Vidas
quelle
Ich habe eine winzige URL erstellt, die hier verlinkt. Wenn Sie also ein Publikum verschiedener Browser- Benutzer
anweisen müssen,

Antworten:

65

Chrom

Öffnen des "Console" -Panels von Chrome's DevTools :

  • Windows und Linux: Ctrl+ Shift+J

  • Mac OS: Cmd+ Opt+J

Hinweis: Zusätzlich zum Bereich „Konsole“ gibt es einen kleineren Schieberegler, über den Sie wechseln können, Escwährend einer der anderen Bereiche aktiv ist.

Vollständige Dokumentation

Feuerfuchs

Öffnen des Bedienfelds „Konsole“ in den Firefox- Entwicklertools :

  • Windows: Ctrl+ Shift+K

  • Mac OS: Cmd+ Opt+K

Hinweis: Zusätzlich zum Bereich „Konsole“ gibt es einen kleineren Schieberegler, über den Sie wechseln können, Escwährend einer der anderen Bereiche aktiv ist.

Vollständige Dokumentation

Internet Explorer

Öffnen des Bedienfelds „Konsole“ in den F12-Entwicklertools von Internet Explorer :

  • F12Klicken Sie anschließend auf die Registerkarte "Konsole"

Hinweis: Zusätzlich zum Bereich „Konsole“ gibt es einen kleineren Schieberegler, der über Ctrl+ umgeschaltet werden kann, `während einer der anderen Bereiche aktiv ist.

Vollständige Dokumentation

Safari

Hinweis: Um die Konsole in Safari anzuzeigen, müssen Sie die Einstellung „Show Develop menu in menu bar“ im Bereich „Advanced“ der Safari-Einstellungen aktivieren ( Screenshot ).

Öffnen des Bedienfelds „Konsole“ im Web Inspector von Safari :

  • Cmd+ Opt+C

Hinweis: Zusätzlich zum Bereich „Konsole“ gibt es einen kleineren Schieberegler, über den Sie wechseln können, Escwährend einer der anderen Bereiche aktiv ist.

Vollständige Dokumentation

Oper

  • Windows und Linux: Ctrl+ Shift+I
  • Mac: ⌘+ ⌥+I

Vollständige Dokumentation

Šime Vidas
quelle
1
In Firefox kann es in einem separaten Fenster (und global - nicht nur für die aktuelle Registerkarte) über das Menü Extras → Webentwickler → Browserkonsole geöffnet werden .
Peter Mortensen
F12 funktioniert in vielen Browsern.
Álvaro González
11

Um indirekt auf die Konsole in Opera zuzugreifen (aktiviert in Version 9.6), ist die Verknüpfung Ctrl+ Shift+, iwährend sie in Safari 5 (unter Windows) Ctrl+ Alt+ isti

Ich wünschte, alle Browserhersteller könnten zusammenkommen, um die Tastaturkürzel zu standardisieren .

Update: Die Registerkarte REPL unter der Registerkarte Scripts in Opera Dragonfly in Opera 11 ähnelt anscheinend der Option Console, die in früheren Opera-Versionen verfügbar war.

Ich habe nach einer flüchtigen Suche nicht viel Dokumentation zu REPL gefunden, mit Ausnahme dieses Artikels, auf den indirekt verwiesen wird.

Ich habe diesen Befehl in REPL mit geöffneter Google-Startseite ausprobiert und er wurde problemlos ausgeführt, dh das Google-Logo wurde ausgeblendet - document.getElementById ('logo'). Style.visibility = 'hidden';

MVARK
quelle
STRG + UMSCHALT + Ich öffne die Entwicklungswerkzeuge in Opera. Aber wo ist die JavaScript-Konsole? Wo kann ich JavaScript-Code eingeben und ausführen?
Šime Vidas
STRG + ALT + Ich führe in Safari 5 unter Windows 7 nichts aus. Können Sie bestätigen, dass es funktioniert?
Šime Vidas
Dies kann daran liegen, dass die Menüoption Entwickeln nicht aktiviert ist. Um diese Option zu aktivieren, gehen Sie zu Bearbeiten> Einstellungen und aktivieren Sie auf der Registerkarte Erweitert die Option "Entwicklungsmenü in Menüleiste anzeigen".
MVARK
Das war mein problem Dummes Apple, das standardmäßig Entwicklerfunktionen deaktiviert. :)Vielen Dank.
Šime Vidas
Ja das ist es. Ich habe den REPL-Tab am unteren Rand übersehen. LOL
Šime Vidas