Entwicklertools-Tipps: Snippets und Live-Ausdrücke

Sofia Emelianova
Sofia Emelianova
GitHub

Mit Snippets in den DevTools können Sie häufig verwendeten Code ausführen und mit Live-Ausdrücken JavaScript-Werte in Echtzeit beobachten.

In diesem Video erfahren Sie, wie Sie:

  • Erstellen Sie ein Snippet oder öffnen Sie den Bereich Snippets:

  • Führen Sie das neue Snippet aus:

    • Über die Tastenkombination Befehlstaste / Strg + Eingabetaste unter Quellen
    • Über das Befehlsmenü mit !

  • Werte an das Snippet übergeben:

    1. Sie können die Wiedergabe mit einem Haltepunkt pausieren.
    2. Legen Sie Werte im Bereich Quellen > Umfang fest.
    3. Fortsetzen der Ausführung.

  • Snippets über die Console ausführen: Sie werden als globale Funktionen geladen und einmal ausgeführt.

  • Verwenden Sie in Ihren Snippets die Console Utilities API.

  • Über Console > Live-Ausdrücke:

    • Um einen Codeblock auszuführen, den Sie wiederholt ausführen möchten, z. B. während einer Debugging-Sitzung.
    • Beobachten Sie, wie sich die Werte während der Ausführung in Echtzeit ändern.

Weitere Informationen erhalten Sie unter: