Ext.js - Men-debug kode Ext JS
Kode JavaScript apa pun dapat di-debug menggunakan alert() kotak atau console.log() atau dengan penunjuk debug di debugger.
Kotak Peringatan
Letakkan kotak peringatan di kode tempat Anda ingin memeriksa aliran atau nilai variabel apa pun. Misalnya, alert ('message to show' + variabel);
Alat Pengembangan / Debugging
Debugger adalah alat terpenting bagi pengembang mana pun untuk memeriksa masalah dan kesalahan dalam kode saat mengembangkan.
Ext JS adalah kerangka kerja JavaScript, sehingga dapat dengan mudah di-debug menggunakan alat pengembang yang disediakan oleh atau khusus untuk browser yang berbeda. Semua browser utama menyediakan alat pengembangnya untuk menguji dan men-debug kode JavaScript.
Debugger populer adalah alat pengembangan IE untuk IE, firebug untuk firefox, dan alat pengembangan chrome untuk browser Chrome.
Debugger Chrome hadir dengan browser Chrome, namun firebug harus dipasang secara khusus karena tidak disertakan sebagai paket dengan firefox.
Berikut ini link untuk menginstal firebug untuk browser firefox http://getfirebug.com
Pintasan untuk membuka alat pengembangan di OS Windows adalah tombol keyboard F12.
Debugging Kode JS di Debugger
Ada dua cara untuk men-debug kode JavaScript.
Cara pertama, adalah menempatkan console.log() dalam kode dan melihat nilai log, yang akan dicetak di konsol alat pengembangan.
Cara kedua adalah dengan menggunakan titik putus di alat pengembangan. Berikut prosesnya.
Buka file di semua skrip yang tersedia di bawah tag skrip.
Sekarang tempatkan breakpoint ke baris yang ingin Anda debug.
Jalankan aplikasi di browser.
Sekarang, setiap kali aliran kode akan mencapai baris ini, itu akan memecahkan kode dan tetap di sana sampai pengguna menjalankan kode dengan kunci F6 (pergi ke baris kode berikutnya), F7 (masuk ke dalam fungsi) atau F8 (masuk ke breakpoint berikutnya atau jalankan kode jika tidak ada lagi breakpoint) berdasarkan alur yang ingin Anda debug.
Anda dapat memilih variabel atau fungsi yang ingin Anda lihat nilainya.
Anda dapat menggunakan konsol untuk memeriksa nilai atau untuk memeriksa beberapa perubahan di browser itu sendiri.