Tipps zu Entwicklertools: Workflow mit Tastenkombinationen in der Console beschleunigen

Sofia Emelianova
Sofia Emelianova

Mit der Console Utilities API können Sie mithilfe einer Vielzahl von Tastenkombinationen Ihren Debugging-Workflow beschleunigen.

Mit der Console Utilities API können Sie:

  • Geben Sie keine langen Befehle wie document.querySelector() mehr ein und verwenden Sie stattdessen $-Tastenkürzel im jQuery-Stil, um Elemente anzugeben.
  • Sehen Sie sich die letzten fünf DOM-Elemente an, die Sie im Steuerfeld Elemente ausgewählt haben.
  • Sie können anhand ihres XPaths schnell auf Elemente verweisen, den Sie im Steuerfeld Element kopieren können.
  • Objekte nach ihren Konstruktoren abfragen.
  • Listen Sie nur die Schlüssel oder Werte von Objekten auf.
  • Stringdarstellungen von Objekten in die Zwischenablage kopieren.
  • Event-Listener abrufen.
  • Ereignisse und Funktionsaufrufe überwachen

Eine umfassende Liste aller Tastenkombinationen der Console Utilities API finden Sie in der Referenz zur Console Utilities API.