Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Melihat: 16001|Jawab: 1

[JavaScript] 5 tips debugging untuk debugging JS

[Salin tautan]
Diposting pada 13/06/2017 13.11.32 | | | |
1. debugger;Saya telah mengatakan sebelumnya bahwa Anda dapat menambahkan kalimat debugger ke kode Javascrip{filter}t Anda; untuk membuat efek titik henti dengan tangan.
Butuh breakpoint dengan kondisi? Anda hanya perlu mengelilinginya dengan pernyataan if:


Tapi ingatlah untuk memotongnya sebelum program dirilis.
2. Atur titik henti untuk memicu saat simpul DOM berubah

Terkadang Anda akan menemukan bahwa DOM berada di luar kendali Anda dan akan mengalami perubahan aneh dengan sendirinya, sehingga sulit untuk sampai ke akar masalah.
Ada fitur yang sangat berguna di alat pengembangan Google Chrome yang dapat menangani situasi ini, yang disebut "Break on...", Anda dapat mengklik kanan pada node DOM dan Anda dapat melihat item menu ini.
Kondisi pemicu untuk titik henti dapat diatur sehingga simpul dihapus, properti simpul berubah, atau salah satu subsimpulnya berubah.


3. Titik henti Ajax

Titik henti XHR, atau titik henti Ajax, seperti namanya, memungkinkan kita untuk mengatur titik henti yang memicu panggilan Ajax dari suatu fitur saat itu terjadi.
Ini sangat efektif saat Anda men-debug aplikasi web melalui jaringan.


4. Lingkungan simulasi perangkat seluler

Google Chrome memiliki beberapa alat yang sangat menarik untuk mensimulasikan perangkat seluler yang membantu kami men-debug cara kerja program di perangkat seluler.
Untuk menemukannya, tekan F12, buka alat pengembang, lalu tekan tombol ESC (tab saat ini tidak dapat berupa Konsol), dan Anda akan melihat jendela debugging tingkat kedua muncul, di tab Emulasi dengan berbagai perangkat emulasi untuk dipilih.
Tentu saja, ini bukan iPhone sungguhan, tetapi hanya mensimulasikan dimensi iPhone, peristiwa sentuh, dan nilai Agen Pengguna browser.


5. Tingkatkan situs web Anda dengan Audit

YSlow adalah alat yang hebat. Ada alat yang sangat mirip di alat pengembang Google Chrome yang disebut Audit.
Ini dengan cepat mengaudit situs web Anda dan memberi Anda saran dan cara yang sangat praktis dan efektif untuk mengoptimalkan situs web Anda.






Mantan:Taobao melalui pengaturan batch kereta dari kelompok yang dipilih [perangkat lunak]
Depan:Metode objek JS, metode kelas, dan metode prototipe dibedakan
Diposting pada 13/06/2017 15.24.17 |
Berguna, tidak buruk
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.

Mail To:help@itsvse.com