Chrome'da İzleme İsteği


208

Firefox'ta, ajax çağrılarımın yaptığı her http isteğini görmemi sağlayan Firebug kullanıyorum. Gelişimimi Chrome'a ​​geçtim ve şimdiye kadar beğeniyorum. Ancak tek şikayetim, geliştirici araçlarının her ajax isteğini görüntülemenize izin vermediği. Kaynaklar panelinin aynı kaynağa birden fazla istek gösterdiği bir kez yaşadım, ancak sadece bir kez ve bir daha asla yapılmadı.

Bir sayfanın Chrome içinden javascript üzerinden yaptığı her http isteğini güvenilir bir şekilde görmenin bir yolu var mı?

[Düzenle: 11/30/09 11:55]

Şu anda, bunun üstesinden gelmek için, istekleri görüntülemek için Chrome'un yanında Fiddler kullanıyorum, ancak tarayıcıdan yapmanın bir yolu varsa, bunu tercih ederim.


2
Aynı sorunu yaşıyorum -burada tüm çözümleri denedim. Geliştirici araçlarındaki XHR penceresinin Yanıt bölümünde hiçbir şey görünmüyor. Yalnızca "Bu istekte yanıt verisi yok" ifadesi gösteriliyor. Firebug kullanarak aynı kodu çalıştırırsanız, iyi görünüyor. cog dev araçları ayarlarında, "Log XMLHttpRequest" işaretleyerek çalıştım ama bu yardımcı olmadı (yanıt türü application / json). Firebug'da tüm hata ayıklama işlemlerini yapmam gerekiyor. Firebug ayrıca JSON'u güzelce biçimlendirir, yanıtı görüntüleyebilmeniz için chrome dev tools yapmaz (örneğin ajax kullanmadan).
John Little

Yanıtlar:


359

Bu eski bir iplik olduğunu biliyorum ama ben chime olacağını düşündüm.

Chrome'un şu anda yerleşik bir çözümü var.

  1. Kullanım CTRL+SHIFT+I(veya gezinmek Current Page Control > Developer > Developer Tools. Chrome'un yeni sürümlerinde, Kerpeten simgesi> Araçlar> Geliştirici Araçları tıklayın.) Geliştirici Araçları etkinleştirmek için.
  2. Geliştirici araçlarından Networkdüğmeyi tıklayın. Henüz yapmadıysanız, oturum için veya her zaman etkinleştirin.
  3. Click "XHR"alt düğmeyi.
  4. Bir AJAX call.
  5. Öğelerin altındaki sol sütunda görünmeye başladığını göreceksiniz "Resources".
  6. Kaynağı tıklayın ve başlıkları ve döndürülen içeriği gösteren 2 sekme vardır.

2
Teşekkürler Phil! Bunu bir kenara bıraktım ve çoğunlukla Fiddler'a güveniyordum. Ama bu XHR düğmesi aradığım şeydi: D
Wes P

Daha dün konuşuyordum, krom araçları bunu yapabilseydi mükemmel olurdu, teşekkürler.
Germán Rodríguez

3
Merhabalar, "XHR alt düğmesini" bulmaya çalışıyorum Sanırım onu ​​özlüyor olabilirim, birisi bunun nerede olduğunu söyleyebilir mi? Müfettişim imgur.com/9e6yDcB'ye
David Williams

2
Bu, yalnızca bir AJAX çağrısı yanıt alırsa gerçekleşir, ancak size yanıt beklemeyebilecek bir istek göstermez. Bunu nasıl etkinleştireceğini bilen var mı?
MoMo

1
Sayfa aynı pencereye yönlendiriyorsa, ağ sekmesi seçeneklerinin üst kısmındaki 'Günlüğü Koru' onay kutusunu kullanabilirsiniz (eğer değilse, bu bağlantıyı ayarlayarak aynı pencerede açılacak şekilde değiştirebilirsiniz target='_self'). Ardından, örneğin, sizi yönlendirdikten sonra gönderilen formdaki yanıtı görebilirsiniz. Yanıtlar yeni sayfa yüklemelerinde arttıkça filtreyi de fark ettiğinizden emin olun.
JeremyS

57

Bunun en güncel yanıtı: geliştirici araçlarındaki 'Ağ' düğmesi altında listeleniyor, artık eskisi gibi 'Kaynaklar' altında değil.


5
Gerçekten de şimdi burada, yükseltme yaptıktan sonra bulmak için yığın taşması beni aradı.
Kzqai

42

Güncelleme

Chrome, isteklerin nasıl denetleneceğini değiştirdi ve şimdi Catapult Netlog Viewer'ı chrome'dan dışa aktarılan günlüklerle kullanmanızı önerir : // net-export /

chrome://net-export/

Daha fazla bilgi

Eski Chrome Sürümleri

Bu bağlantıyı, denetçiden daha ayrıntılı bilgi için Chrome'da da kullanabilirsiniz.

chrome://net-internals/#events

Bu, açıkken tarayıcının tüm isteklerinin günlüğünü gösterir


Dışa aktarabilir misin?
Pacerier

14

Hangi krom sürümü mevcut olduğunu bilmiyorum, ama bir ayar buldum 'Konsol - Log XMLHttpRequests' (krom mac geliştirici araçlarının sağ alt köşesindeki simgeye tıklayın)


3
Bu, XHR isteklerini izlemenin en kolay ve en iyi yoludur.
CourtDemone

6

DevTools'unuzu açın ve ayarlara erişmek için F1 tuşuna basın. Konsol bölümünü bulun ve "Log XMLHttpRequests" onay kutusunu işaretleyin.

Şimdi tüm ajax'ınız ve diğer benzer istekleriniz konsolda kaydedilecektir.

Bu yöntemi tercih ederim, çünkü genellikle ağ sekmesine gitmek zorunda kalmadan konsolda aradığım her şeyi görmeme izin veriyor.


4

İyi bir ücretsiz araç olan Fiddler'ı kullanabilirsiniz .


1
Evet, bunu yapmak için kullandığım Fiddler'ım var. Sadece tarayıcıdan yapmanın bir yolunu arıyorum, çünkü biraz daha uygun.
Wes P

3

Bu yayında yardım etmeye çalışan herkese teşekkürler

Ubuntu 13.10 var ve krom sürümüm 34.0

Durumum için bu işe yarıyor

1.open developer tools in chrome(or use right click on your page and then select inspect element)
2.go to "Network" tab
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

şimdi önünüzde yeni bir Panel görmelisiniz

in this panel select "Response" tab

1

Phil'in 5. adımında, "Kaynaklar" artık Chrome'un yeni sürümünde mevcut değil. Alt bölmede listelenen Ajax sayfasının yanındaki Ad, Yöntem, Durum, ... sütunlarını içeren sayfa simgesini tıklamanız gerekir.

Ardından, hata mesajlarını bulacağınız daha fazla panel gösterecektir.


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.