Rumah  >  Artikel  >  hujung hadapan web  >  Syorkan 5 kemahiran debugging JavaScript yang biasa digunakan_kemahiran javascript

Syorkan 5 kemahiran debugging JavaScript yang biasa digunakan_kemahiran javascript

WBOY
WBOYasal
2016-05-16 16:21:26989semak imbas

Saya telah menggunakan penyahpepijat printf sebelum dan sejak itu saya nampaknya sentiasa dapat menyelesaikan pepijat dengan lebih cepat dengan cara ini.
Terdapat situasi di mana alat yang lebih baik diperlukan dan berikut ialah beberapa yang terbaik yang saya pasti anda akan dapati berguna:

1 Anda boleh menggunakan pernyataan "debugger;" untuk menambah titik putus paksa pada kod anda.

Adakah anda memerlukan keadaan titik putus? Hanya bungkusnya dalam klausa IF:


jika (sesuatu berlaku) {
penyahpepijat;
}


Hanya ingat untuk mengalih keluar sebelum menyiarkan siaran langsung.

2. Putuskan sambungan apabila nod berubah

Kadangkala DOM nampaknya mempunyai fikirannya sendiri. Ia boleh menjadi sukar untuk mencari punca masalah apabila perubahan yang luar biasa berlaku.

Pembangun Chrome mempunyai kemahiran yang sangat berguna untuk menyahpepijat isu ini. Ini dipanggil "Break on..." dan anda boleh menemuinya dengan mengklik kanan pada nod DOM pada tab Elemen.


Titik putus boleh ditetapkan selepas nod telah dipadamkan, apabila sifat nod berubah atau apabila nod dalam subpokoknya berubah.


3. Titik putus Ajax

Titik putus XHR, atau titik putus Ajax seperti yang saya panggil, juga membenarkan pemecahan apabila permintaan Ajax yang dijangka dibuat.

Ini adalah alat yang menakjubkan apabila menyahpepijat rangkaian aplikasi web anda.



4. Simulasikan peranti mudah alih yang berbeza

Chrome menambah alat emulasi peranti mudah alih terbina dalam yang akan memudahkan kerja harian anda.

Pilih mana-mana tab bukan Konsol untuk mencarinya, tekan kekunci esc pada papan kekunci anda dan pilih peranti mudah alih yang ingin anda sentuh.


Anda tidak akan mendapat iPhone sebenar sudah tentu, tetapi dimensi, peristiwa sentuhan dan agemt semuanya akan dicontohi untuk anda.


5. Tingkatkan tapak anda melalui audit

YSlow ialah alat yang hebat. Chrome juga termasuk alat serupa yang dipanggil Audit di bawah Alat Pembangun.

Gunakan audit pantas tapak anda untuk mendapatkan petua pengoptimuman yang berguna dan praktikal.



Apa lagi?

Saya tidak dapat bayangkan berkembang tanpa alat ini. Saya akan menyiarkan lebih banyak lagi apabila saya menemui yang baharu, jadi nantikan.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn