Javascript kodunun izlenmesi için en iyi yol

Question

Herhangi bir araç kullanarak Javascript kodunu ayıklamanın en iyi yolu nedir? Bir düğmenin tıklandığında ne olduğunu bilmek istiyorum, tüm JS kodları çalıştırılır ...

Firefox ve Safari'de test etmek istedim.Peki Firebug'ı denedim, ancak daha iyi bir yolun olup olmadığını öğrenmek istiyorum ..

Ayrıca daha da önemlisi kodu nasıl ayıklamak için "nasıl" bilmek isterim?

Ayrıca bir düğmeye bastığımda çağrılan JS kodunun tamamını yazdırmak mümkün mü?

Answer 1

Bu mesaj, sen düğme tıklandığında JS kodu çalıştırılır neler söyleyebilirsiniz böylece bir düğmeye bağlı tüm etkinlikleri tespit etmek ve yakalamak yardımcı olabilir:

How to debug JavaScript/jQuery event bindings with Firebug (or similar tool)

Answer 2

Her zaman, entegre web denetleyici aracını Google Chrome'dan kullanırım (sağ tıkla, Inspect öğesi). Benim için gayet iyi çalışıyor ve ihtiyacım olan tüm fonksiyonları var. Firefox'un FireBug ve jQuery kullanarak

Answer 3

Chrome Geliştirici Konsolu + Firefox Kundakçı

Answer 4

Chrome Geliştirici Konsolu + Firefox Kundakçı kursu (ve IE Kundakçı Lite), aynı zamanda sayfanızın elemanlarına tutturulmuş olayların son derece görsel bakış göstermek Visual Event, bir yer işareti kontrol arasında .

Answer 5

En iyi yöntemin, Visual Studio kullanıyor ve Internet Explorer ile bağlantı kurduğunu düşünüyorum. Diğerlerinin de işaret ettiği gibi, tarayıcı yerleşik araçları harikadır, ancak görsel stüdyosu javascript kodunu ayıklayıp aynı uygulama ile düzenleyebilmenizi sağlar. Olumsuz yanı, Internet Explorer kullanmanız gerektiğidir, ancak kişisel olarak bu kadar büyük bir sorun bulamıyorum.