Web geliştirici için ağ monitörü

Google Chrome'u kullanırken kullanışlı bir ağ izleme aracı vardır. Ancak, krom ağ aracı yalnızca geçerli açık web sayfasını izler.

Çok sayıda karmaşık ağ izleme aracı var ve sadece krom ağ izleme aracının özelliklerine ihtiyacım var.

Tüm tarayıcıları (Chrome, Firefox, IE vb.) Etkinliğini takip etmek için krom ağ aracıyla aynı fikir ve arayüze sahip bir araç arıyorum.

Birisi böyle bir araç biliyor mu?

İstenen özelliklere sahip bazı ekran görüntüleri:

İndirilen tüm dosyalara genel bakış Tüm ağ etkinliğine genel bakış

bir dosya seçerken üstbilgileri güzel bir şekilde görebilirsiniz başlık

Ve sekme yanıtı ile vücudun içeriği görünür içerik

network-monitoring google-chrome-devtools

— botenvouwer
kaynak

Lütfen Chrome ağ monitörünün ekran görüntüsünü yükleyebilir misiniz, böylece ne arayacağımı bileceğim? Bir uzantıysa, lütfen uzantının Chrome Web Mağazası'ndaki sayfasına bir bağlantı sağlayın.

— matan129

Tüm krom tarayıcılarda standart olarak sağ tıklama -> incelemek -> ağını görebilirsiniz. İstediğiniz gibi bir ekran görüntüsü yükleyeceğim.

— botenvouwer

Harika, sadece krom yüklü değil, bu yüzden ekran görüntüsünü bekleyeceğim.

— matan129

Tamam, şimdi ekran görüntülerini görüyorum. Bununla birlikte, bu yalnızca kromda (ve diğer tarayıcılarda benzer araçlarda) bulunan bir geliştirici aracıdır. Böyle devam eden tüm trafik için geçerli olacak böyle bir web sayfası inceleme aracı olduğuna inanmak zor buluyorum. Ama yine de bu konuda biraz araştırma yapacağım. bir şey bulabilirsem, en kısa sürede bir cevap yazacağım.

— matan129

However the chrome network tool only keeps track of the current open webpage- Aslında, alt çubukta, o sağlam daireyi görüyor musun? Tıklayın ve ağ etkinliği web sayfaları arasında tutulur.

— Izkata

Yanıtlar:

Http://fiddler2.com/ adresinden Fiddler'i deneyin.

Bunu web geliştirme için kullanıyorum ve özellikle önceden kaydedilmiş bir http isteğini değiştirmenize ve yeniden oynatmanıza izin verdiğini kullanışlı buluyorum.

— Kenned
kaynak

Görünüşe göre HTTP başlıkları ve içeriğiyle ilgileniyorsunuz, ancak tüm trafik için. Daha karmaşık bir araç olmasına rağmen, Wireshark başlangıçta göz korkutucu düzeni ve yetenek zenginliğine rağmen aradığınızı kolayca sağlayabilir.

Wireshark'ı çalıştırın
İletişim kuracak (yani internet adaptörünüz) adaptörü seçin ve yakalamaya başlayın
"Filtre:" alanına "http.request" (sans tırnak işaretleri) yazın ve Uygula'ya basın

Sonuçta elde edilen çıktı sisteminiz tarafından yapılan her isteği içerecektir (bu potansiyel olarak sadece tarayıcı oturumunuzdan daha fazladır: çok fazla alıyorsanız filtreye "&& ip.addr ==" ekleyerek trafiği daha fazla filtrelemeyi tercih edebilirsiniz. çıkışınızdaki trafik). Yalnızca sunucunun adını biliyorsanız, sunucunun IP adresini çözümlemek için komut satırında "nslookup .com" kullanabilirsiniz.

Wireshark'ın üst çerçevesindeki bir isteği tıklattığınızda, orta çerçeve içindeki katmanları gösterir. İstek için üstbilgileri göstermek üzere yanındaki + işaretine basarak "Köprü Metni Aktarım Protokolü" katmanını genişletin.

Son olarak, yanıt başlıklarını veya içeriğini görüntülemekle ilgileniyorsanız, üst çerçevedeki ilgi alanına sağ tıklayın ve "TCP Akışını İzle" ye tıklayın.

NOT: Yukarıdakilerin tümü, localhost'ta barındırılan bir web sunucusuna trafik yakalamaya çalışmadığınızı varsayar, 127.0.0.1.

— antik
kaynak

Charles'ı buldum . Windows, Linux ve Mac için ücretsiz ve kullanılabilir. Bence Chromes dev araçlarına çok benziyor.

— matan129
kaynak

Bu araç daha çok bir Firefox eklentisidir ve ücretsiz değildir. Onun 30 günlük deneme!

— botenvouwer

Doğru, fark etmedim.

— matan129