Tips DevTools: Cuplikan dan ekspresi langsung

Sofia Emelianova
Sofia Emelianova

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

Tonton video untuk mempelajari cara:

  • Buat cuplikan atau buka panel Cuplikan:

  • Jalankan cuplikan baru Anda:

    • Dengan pintasan Command / Control + Enter di Sumber
    • Dari Menu Perintah menggunakan !.
  • Teruskan nilai ke cuplikan Anda:

    1. Jeda dengan titik henti sementara.
    2. Tetapkan nilai di panel Sumber > Cakupan.
    3. Lanjutkan eksekusi.
  • Menjalankan cuplikan dari Konsol: memuat cuplikan sebagai fungsi global dan menjalankannya sekali.

  • Gunakan Console Utilities API dalam cuplikan Anda.

  • Gunakan Konsol > Ekspresi Live:

    • Untuk menjalankan potongan kode yang ingin Anda jalankan berulang kali, misalnya, selama sesi proses debug.
    • Lihat bagaimana nilai berubah selama eksekusi secara real time.

Untuk mempelajari lebih lanjut, lihat: