JAVASCRIPT olayları nasıl hata ayıklanır? Ya da tüm fonksiyonlar nasıl izlerim?

Question

Örneğin bir düğme var. <div> ile sarılmıştır.

Bu tuşa bastığınızda, javascript işlev çağrısı gerçekleşir, sonra başka bir işlev bulunur, ardından sunucuya ajax çağrısı yapılır ve tamamsa, javascript bu sayfayı başka bir sayfaya yönlendirir.

Hata ayıklamak zor.

Bu ürünü "yakalamak" mümkün mü? Yani bilmek için, düğmeye tıklayın sonra hangi işlev çağrılır? Düğme "onclick" özelliğine sahip değil, yani olay dinleyicisi javascript'te bağlandı.

Ve bu mümkün değilse iz iz yapmak mümkün mü? Bundan sonra çağrılan tüm işlev çağrılarına bakmak mı? Ayrıca yanıtlar için iyi :)

Teşekkür olan metinsel olsa

Bu görsel yolla daha iyi olurdu!

Answer 1

Evet - bu tür şeyleri istediğiniz kadar basit değilsiniz.

Google Chrome'un bir "Etkinlik Dinleyicisi" paneli vardır. Düğmenizi sağ tıklayın, ardından "Eleman İnceleyin" i seçin. Doğru öğenin seçildiğinden emin olun, ardından sağdaki "Olay Dinleyicileri" panelini kontrol edin.

Ayrıca, aramalar bölümünde bir kesme noktası belirlemek için "debugger" anahtar sözcüğünü de kullanabilirsiniz. Daha sonra favori javascript hata ayıklayıcısını (Safari'de yerleşik dev araçlar, Firefox için Google Chrome & IE8, firebug) kullanın. Bunların her birinde, geçerli çağrı yığınında gezinmenizi sağlayacak bir çağrı yığını var.

Answer 2

Sen javascript kodunu izlemek için firebug kullanabilirsiniz. Firefox eklentisini stilleri (css), js izlemeye ve düzenlemeye de izin veriyor.

Opera Firebug hata ayıklama özellikleri

Answer 3

kontrol dışarı Kundakçı benzer dragonfly sağlar, bu JavaScript kesme noktaları ekleyebilir ve kod boyunca adım bildireceğiz.