Bagaimana untuk Nyahpepijat Pengikatan Acara JavaScript dengan Firebug dan Alat Lain?

Menyahpepijat Pengikatan Acara JavaScript dengan Firebug dan Alat Lain

Menyahpepijat manipulasi DOM yang kompleks dalam aplikasi web berasaskan jQuery boleh mencabar apabila pengikatan acara gagal secara misteri. Jika penyuntingan kod sumber bukan pilihan, ia menjadi perlu untuk memanfaatkan alatan penyemak imbas untuk nyahpepijat.

Firebug untuk Penyahpepijatan Acara

Sementara Firebug cemerlang dalam navigasi dan manipulasi DOM, keupayaan penyahpepijatan acaranya kurang jelas. Untuk memeriksa pengendali acara yang terikat pada elemen:

• Cari elemen dalam panel DOM.
• Periksa data asas elemen di bawah tab "HTML".
• Dalam bahagian "Data", kembangkan nod "acara".
• Kembangkan jenis acara tertentu (cth., "klik") untuk melihat senarai pengendali acara yang dilampirkan pada elemen tersebut.

Contoh

Andaikan elemen dengan pengendali acara terikat melalui $('#foo').click(function() { console.log('clicked!') }):

• Periksa elemen, kembangkan data HTMLnya dan cari nod "acara".
• Kembangkan jenis acara "klik".
• Anda harus melihat definisi fungsi yang mencetak "diklik!" apabila dilaksanakan.

Alat Nyahpepijat Lain

Jika Firebug tidak tersedia atau sesuai, pertimbangkan alatan alternatif ini:

• Alat Pembangun Chrome: Dalam tab "Acara", tapis mengikut elemen yang anda minati atau pilih acara tertentu pada panel Garis Masa.
• Alat Pembangun React: Menyediakan tab pendengar acara yang menyenaraikan pengendali acara terikat untuk komponen React.
• AngularJS Batarang: Sambungan untuk menyahpepijat aplikasi AngularJS, termasuk akses kepada maklumat pendengar acara.

Atas ialah kandungan terperinci Bagaimana untuk Nyahpepijat Pengikatan Acara JavaScript dengan Firebug dan Alat Lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!