Kata pengantar
Dalam pengembangan harian kami, kami sering menggunakan sumber konsol Chrome yang kuat untuk men -debug breakpoint kode, tetapi kami tidak dapat menemukannya dalam sumber dengan memuat JS secara asinkron melalui $.getScript dan lainnya secara asinkron. Jadi bagaimana cara men -debug breakpoints? Mari kita lihat bersama di bawah ini.
Ini adalah contoh diagram debugging kami dengan sumber breakpoint:
Pada gambar, kita dapat melihat bahwa di index.js kami memperkenalkan test.js melalui $.getScript untuk melihat bagaimana kinerjanya:
Kami melihat di jaringan bahwa test.js telah berhasil diperkenalkan, tetapi itu milik permintaan kelas XHR, jadi kami pasti tidak akan menemukannya dalam sumber.
Seperti yang diharapkan, memang tidak ada jejak tes. JS ditemukan dalam sumber! Klimaks akan datang, jadi bagaimana saya bisa men -debug breakpoint? ? ?
Saya tahu dua solusi, pertama yang termudah:
Solusi 1: Tambah //@ sourceURL=test.js ke header atau ekor kode test.js, dan kemudian temukan di (no domain) untuk debugging dan lihat hasilnya:
Solusi 2: Ubah metode asinkron $.getScript untuk membuat tag skrip dan memuat secara sinkron. Angka tersebut langsung terdaftar:
Meringkaskan
Breakpoint konsol sangat berguna bagi kami untuk memeriksa kode, deteksi fungsi, melihat data, dan kebutuhan lainnya. Kami mencoba mengganti konsol yang menjengkelkan. Log dengan breakpoint. Di atas adalah seluruh konten artikel ini. Saya berharap ini akan membantu untuk belajar dan bekerja semua orang. Jika Anda memiliki pertanyaan, Anda dapat meninggalkan pesan untuk berkomunikasi.