Saya telah menggunakan printf debugging sebelumnya, dan sejak itu saya sepertinya selalu memperbaiki bug lebih cepat dengan metode ini.
Dalam beberapa kasus, diperlukan alat yang lebih baik, berikut adalah beberapa yang terbaik dari mereka, dan saya yakin Anda akan menemukannya berguna:
1. Debugger;
Anda dapat menggunakan "debugger;" Pernyataan untuk menambahkan breakpoint paksa ke kode Anda.
Apakah kondisi breakpoint membutuhkan? Bungkus saja dalam klausa IF:
Salinan kode adalah sebagai berikut:
if (SomethingHappens) {
debugger;
}
Ingatlah untuk menghapusnya sebelum online.
2. Putuskan sambungan saat simpul berubah
Terkadang Dom tampaknya memiliki ide sendiri. Sulit untuk menemukan akar penyebab masalah ketika perubahan luar biasa terjadi.
Pengembang Chrome memiliki keterampilan yang sangat berguna untuk men -debug masalah ini. Ini disebut "Break On ...", yang dapat Anda temukan dengan mengklik kanan simpul DOM pada tab Elements.
Breakpoint dapat diatur setelah node dihapus, ketika properti node berubah atau node dalam perubahan subtree -nya.
3. AJAX Breakpoint
XHR Breakpoints, atau apa yang saya sebut breakpoint AJAX, juga memungkinkan pemutusan ketika permintaan AJAX yang diharapkan dibuat.
Ini adalah alat yang mengejutkan saat men -debug jaringan aplikasi web Anda.
4. Simulasi perangkat seluler yang berbeda
Chrome menambahkan alat simulasi perangkat seluler bawaan, yang akan menyederhanakan rutinitas harian Anda.
Pilih tab non-konsol untuk menemukannya, tekan tombol ESC pada keyboard dan pilih perangkat seluler yang ingin Anda sentuh.
Anda tentu tidak akan mendapatkan iPhone nyata, tetapi ukurannya, acara sentuh, dan Agemt akan mengikuti untuk Anda.
5. Tingkatkan situs Anda melalui audit
Yslow adalah alat yang hebat. Chrome juga mencakup alat serupa yang disebut audit di bawah alat pengembang.
Gunakan ulasan cepat dari situs web Anda untuk mendapatkan tip optimisasi praktis yang berguna.
Apa lagi?
Tanpa alat -alat ini, saya tidak dapat membayangkan cara berkembang. Saya akan memposting lebih banyak ketika saya menemukan yang baru, jadi tetaplah disini.