Tipps zu Entwicklertools: Workflow mit Tastenkombinationen in der Console beschleunigen

Sofia Emelianova

Mit der Console Utilities API können Sie Ihren Debug-Workflow mithilfe einer Vielzahl von Tastenkürzeln beschleunigen.

Mit der Console Utilities API haben Sie folgende Möglichkeiten:

• Sie müssen keine langen Befehle wie document.querySelector() mehr eingeben, sondern können stattdessen jQuery-Tastenkürzel wie $ verwenden, um Elemente anzugeben.
• Sehen Sie sich die letzten fünf DOM-Elemente an, die Sie im Bereich Elemente ausgewählt haben.
• Sie können Elemente schnell über ihren XPath-Wert referenzieren, den Sie im Bereich Element kopieren können.
• Objekte anhand ihrer Konstruktoren abfragen
• Listen Sie nur die Schlüssel oder Werte der Objekte auf.
• Stringdarstellungen von Objekten in die Zwischenablage kopieren
• Event-Listener abrufen
• Ereignisse und Funktionsaufrufe überwachen

Eine vollständige Liste aller Tastenkürzel für die Console Utilities API finden Sie in der Console Utilities API-Referenz.