2015-01-06 6 views
15

Bir REST API'sinde hata ayıklamak ve çok karmaşık istemci kodlarından nasıl kullanıldığını görmek istiyorum. Ağ sekmesindeki AJAX isteğini belirledikten sonra, onu oluşturan koda nasıl gidebilirim?Chrome DevTools: XHR ağ isteğinden atlayan kod

enter image description here

bu impossible mi?

+0

Peki, aynı yoldaki konsoldaki XHR günlük satırı nasıl olur? – epascarello

+1

XHR talebinden sonra bunu yapabileceğinizi sanmıyorum. Yapabileceğiniz tek şey, XHR gönderildiğinde ateşlenecek bir XHR kesme noktasıdır. – Barmar

cevap

23

Ağ sekmesindeki "Başlatıcı" sütununa bakın. Hangi kodun AJAX çağrısını başlattığını söyler. Ayrıca tam yığın iziyle bir araç ipucu alacaksınız. Ben Yanıtladığım yüzden yorum yapmak 50 ünü yok

Chrome DevTools Network Tab Initiator Stack Trace

+1

Duh. Teşekkürler! Daha da belirgin bir ekran görüntüsü eklemek için özgürlüğü aldım. –

+0

Arama yapmak için jQuery veya Angular gibi bir kitaplık kullanırsanız, yardımcı işlevler olarak adlandırılan kaynak kodunu görmenin bir yolu var mı? – Atav32

+0

@ Atav32: çağrı yığınının içinden geçebilirsiniz –

6

: jQuery veya Açısal gibi bir kütüphane kullanırsanız

Eğer arama yapmak yardımcı olmak için orada> olan Yardımcı fonksiyonlar olarak adlandırılan kaynak kodunu görmenin bir yolu? ->

sonra "Başlatıcı" sütununda önerdiği doğrultusunda kesme noktası ekleyebilir ve hit "gerçek" yöntemi çağrısı bulmak istiyorsanız 1:01 de Atav32 14 Mart "Mevcut fonksiyonu (Shift + F11) dışarı adım" istediğin koda ulaşıncaya kadar.

Şerefe!

+1

şimdi sizde ... –