5 keterampilan debugging penting untuk debugging JS

1. debug;

Saya juga telah mengatakan sebelumnya bahwa Anda dapat menambahkan debugger; ke kode JavaScript untuk membuat efek breakpoint secara manual.

Butuh breakpoint bersyarat? Anda hanya perlu mengapitnya dengan pernyataan if :

Copy kodenya seperti berikut: if (somethingHappens) {

debug;

}

Namun ingatlah untuk menghapusnya sebelum program dirilis.

Terkadang Anda akan menemukan bahwa DOM tidak berada di bawah kendali Anda dan akan mengalami beberapa perubahan aneh, sehingga menyulitkan Anda menemukan sumber masalahnya.

Ada fungsi yang sangat berguna dalam alat pengembangan Google Chrome yang secara khusus dapat menangani situasi ini, yang disebut "Break on..." . Anda dapat melihat item menu ini dengan mengklik kanan pada node DOM.

Kondisi pemicu breakpoint dapat diatur ke penghapusan node, perubahan apa pun pada atribut node, atau perubahan pada salah satu node turunannya.

Breakpoint XHR, atau breakpoint Ajax, seperti namanya, memungkinkan kita menyetel breakpoint yang memicu panggilan Ajax tertentu ketika terjadi.

Trik ini sangat efektif ketika Anda melakukan debug lalu lintas jaringan untuk aplikasi web.

Google Chrome memiliki beberapa alat yang sangat menarik untuk mensimulasikan perangkat seluler guna membantu kami men-debug cara program berjalan di perangkat seluler.

Cara menemukannya adalah: tekan F12 untuk membuka alat pengembang, lalu tekan tombol ESC (tab saat ini tidak boleh Konsol), Anda akan melihat jendela debugging lapisan kedua muncul, dan ada berbagai perangkat simulasi di dalam Tab emulasi.

Tentu saja, ini tidak berubah menjadi iPhone sungguhan, ini hanya menyimulasikan dimensi iPhone, peristiwa sentuhan, dan nilai Agen Pengguna browser.

YSlow adalah alat yang hebat. Alat pengembang Google Chrome juga memiliki alat yang sangat mirip yang disebut Audit .

Itu dapat dengan cepat mengaudit situs web Anda dan memberi Anda saran dan metode yang sangat praktis dan efektif untuk mengoptimalkan situs web Anda.

Saya tidak tahu bagaimana saya bisa berkembang tanpa alat ini. Saya juga akan menulis lebih banyak tips tentang ini - nantikan postingan terbaru saya setelah saya mengetahuinya.