Tips DevTools: Cuplikan dan ekspresi langsung

Sofia Emelianova
Sofia Emelianova
GitHub

Gunakan Snippets di DevTools untuk menjalankan kode yang sering Anda gunakan dan ekspresi langsung untuk melihat nilai JavaScript secara real time.

Tonton video untuk mempelajari cara:

  • Buat cuplikan atau buka panel Snippets:

  • Jalankan cuplikan baru Anda:

    • Dengan pintasan Command / Control + Enter di Sources
    • Dari Menu Perintah menggunakan !.

  • Teruskan nilai ke cuplikan Anda:

    1. Jeda dengan titik henti sementara.
    2. Tetapkan nilai di panel Sources > Scope.
    3. Lanjutkan eksekusi.

  • Jalankan cuplikan dari Konsol: muat cuplikan sebagai fungsi global dan jalankan sekali.

  • Gunakan Console Utilitas API di cuplikan Anda.

  • Gunakan Konsol > Ekspresi Live:

    • Untuk mengeksekusi potongan kode yang ingin Anda jalankan berulang kali, misalnya, selama sesi proses debug.
    • Perhatikan perubahan nilai selama eksekusi secara real time.

Untuk mempelajari lebih lanjut, lihat: