Debugging Chrome - hentikan acara klik berikutnya

197

Kami memiliki tombol. Acara klik ditangani oleh kerangka kerja pihak ke-3, namun demikian, kerangka kerja itu buggy.

Kami ingin men-debug framework, namun, kami tidak tahu di mana kode penanganan kejadian terkait berada untuk menetapkan breakpoint. Bagaimana cara umumnya "memecah acara klik berikutnya" dan melihat di mana dan bagaimana klik ini ditangani oleh kerangka kerja pihak ke-3?

javascript debugging google-chrome google-chrome-devtools DR
sumber
3
Sebagian besar duplikat Menggunakan Chrome, bagaimana menemukan siapa yang terikat pada suatu acara?
Dan Dascalescu

Jawaban:

320

Apa yang Anda cari adalah ' Breakpoint Pendengar Peristiwa ' pada Sourcestab. Breakpoint ini dipicu setiap kali ada pendengar acara, yang mendengarkan acara yang dipilih, dipecat. Anda akan menemukannya di tab Sumber. Dalam kasus Anda, perluas kategori 'Mouse' dan pilih 'Klik'.

Breakpoint Pendengar Acara DevTools

Konrad Dzwinel
sumber
5
Anda tidak bisa membayangkan betapa bahagianya saya mengetahui tip ini, terima kasih banyak!
IdontCareAboutReputationPoints
Apakah ada cara untuk menangkap klik tetapi membatasi breakpoint hanya pada file atau direktori tertentu dan tidak, katakanlah, berbagai pustaka dan ekstensi Chrome yang dikaburkan?
Artem Russakovskii