Chrome'un ağ hata ayıklayıcısını yeniden yönlendirmelerle kullanma


379

Chrome ağ hata ayıklayıcısı bana bir sayfa için yüklenen tüm HTTP kaynaklarının harika bir görünümünü sunuyor. Ancak, yeni bir üst düzey HTML sayfası yüklendiğinde listeyi temizler. Bu, bir nedenden ötürü otomatik olarak yeniden yüklenen sayfalarda hata ayıklamayı çok zorlaştırır (çalışan komut dosyası veya 300 yanıt).

Yeni bir üst düzey sayfa yüklendiğinde Chrome'a ​​ağ hata ayıklayıcısını temizlememesini söyleyebilir miyim? Veya geri dönüp önceki sayfanın ağ kaynaklarına bakabilir miyim?

Ya da yönlendirmeyi yapan hata ayıklamaya çalıştığım sayfayı denetlemediğimde yeni bir sayfa yüklemeden önce Chrome'u bir şekilde duraklatmaya zorlayabilir miyim? Bu, kötüleşen bir OpenID dansıdır, bu nedenle SSL ve kimlik bilgileri kombinasyonu, komut satırı araçlarıyla hata ayıklamayı son derece zorlaştırır.


Bu kopya, 1 ay önce yayınlanandan nasıl daha fazla oy aldı? stackoverflow.com/q/10703944/632951
Pacerier

6
@Pacerier Bağladığınız kişi sizin tarafınızdan gönderilmiş gibi görünmüyor, ancak bunun nedeni muhtemelen başlığında "Chrome" bulunmamasıdır. Kullanıcılar Chrome ile ilgili bir şey ararken aramaları genellikle Chrome anahtar kelimesini içerir. "Google Geliştirici Araçları" inanılmaz derecede belirsiz.
Joel Mellon

Yanıtlar:


527

@Daniel Alexiuc & @Thanatos sayesinde yorumları için bu v32'den beri değişti.


Akım (≥ v32)

DevTools'un "Ağ" sekmesinin üstünde, "Günlüğü koru" işlevini açmak için bir onay kutusu bulunur. İşaretlenirse, ağ günlüğü sayfa yüklendiğinde korunur.

Chrome v33 DevTools Ağ Sekmesi: Günlüğü Koru

Soldaki küçük kırmızı nokta artık ağ günlüğünü tamamen açmak ve kapatmak amacına sahiptir.


eski versiyonlar

Chrome'un eski sürümlerinde (burada v21), "Ağ" sekmesinin altbilgisinde küçük, tıklanabilir bir kırmızı nokta var.

Chrome v22 DevTools Ağ Sekmesi: Gezinme Sırasında Günlüğü Koru

İmlecinizi üzerine getirirseniz, etkinleştirildiğinde "Gezinme Sırasında Günlüğü Koru" ifadesi size bildirilir. Söz veriyor.


1
32 sürümünde hala orada, ancak ağ panelinin üstüne taşındı.
Daniel Alexiuc

4
Aslında, şimdi en üstte, ancak "Günlüğü koru" olarak adlandırılır ve bir onay kutusudur. Şaşırtıcı bir şekilde, hala kırmızı bir kayıt simgesi var, ancak bu sadece giriş olup olmadığı.
Thanatos

1
Değişikliğe yorum yaptığınız için teşekkür ederim, cevabı buna göre güncelledim.
bfncs

@ruben, arayüz gerçekten biraz farklı görünüyor, ancak hala ağ sekmesinin üstünde "Günlüğü koru" etiketli bir onay kutusu var: i.imgur.com/fhSDYSz.png
bfncs

14
@ rubenlop88 Belgeleri filtrelemediğinizden emin olun , aksi takdirde orada kalmazlar . Bunları özellikle Diğer sekmesinden kontrol edebilirsiniz .
alex

173

Chrome'u Ağ hata ayıklayıcısını temizlememeye zorlamanın bir yolunu bilmiyorum, ancak bu aradığınız şeyi başarabilir:

  1. Js konsolunu açın
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

Bir kesme noktasına basarak yeni sayfayı yüklemeden önce krom duraklatılır.


55
Bu soru için doğru cevap değildi, ama aslında aradığım şey bu . Teşekkürler.
isaaclw

2
Bu çok kaygan. Buraya bir "yönlendirme öncesi duraklama" çözümü aradım ve işte burada. Kabul edilen cevabı hatırlamak daha kolay ama bu rad.
Joel Mellon

19
Bu, son derece kullanışlıdır, çünkü tarayıcı, yanıtı aldıktan hemen sonra yönlendirirse, krom sunucu yanıt gövdesini göstermez.
Kristóf Dombi

23

@Bfncs yanıtını güncelle

Chrome 43 civarında bu davranış biraz değişti. Günlüğü koruyabilmek için yine de etkinleştirmeniz gerekir, ancak şimdi yüklenen belge Doc altında gösterildiğinde Diğer sekmesi altında yeniden yönlendirme gösterilir.

Bu her zaman kafamı karıştırıyor, çünkü çok fazla ağ isteğim var ve XHR, Doc, JS vb. Türüne göre filtreliyorum.


1
Sen aradığım kahraman sensin!
Matthew Haworth

23

Diğer sayfalara yönlendirmeden önce Ağ çağrılarında hata ayıklamak için bir başka harika çözüm de beforeunloadolay kesme noktasını seçmektir

Bu şekilde, akışı başka bir sayfaya yönlendirmeden hemen önce kesmenizi sağlar, böylece tüm ağ çağrıları, ağ verileri ve konsol günlükleri hala orada olur.

Bu çözüm, aramaların yanıtının ne olduğunu kontrol etmek istediğinizde en iyisidir

Chrome yükleme öncesi olay kesme noktası

Not: Belirli bir aramadan veya herhangi bir aramadan hemen önce durdurmak istiyorsanız XHR kesme noktalarını da kullanabilirsiniz (resim örneğine bakın) XHR kırılma noktası


2
Bu harika. loadEtkinlik ile başlangıçta durup kırılma noktasını kolayca ayarlayabiliriz. Teşekkürler!
LeOn - Han Li
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.