Monitor jaringan untuk pengembang web

9

Saat menggunakan Google chrome ada alat monitor jaringan yang berguna. Namun alat jaringan chrome hanya melacak halaman web terbuka saat ini.

Ada banyak alat monitor jaringan yang rumit yang tersedia dan saya hanya perlu fitur alat monitor jaringan chrome.

Untuk melacak semua aktivitas browser (Chrome, Firefox, IE, dll.), Saya mencari alat yang memiliki ide dan antarmuka yang sama dengan alat jaringan chrome.

Ada yang tahu alat seperti itu?

Beberapa tangkapan layar dengan fitur yang diinginkan:

Ikhtisar semua file yang diunduh A overview of all the network activity

saat memilih file, Anda bisa melihat tajuknya header

Dan dengan respons tab konten tubuh terlihat content

network-monitoring google-chrome-devtools botenvouwer
sumber
Bisakah Anda mengunggah tangkapan layar monitor jaringan Chrome, jadi saya akan tahu apa yang harus dicari? Dan jika itu ekstensi, berikan tautan ke halaman ekstensi di Toko Web Chrome.
matan129
Standar di semua browser chrome yang dapat Anda lihat saat klik kanan - & gt; periksa - & gt; jaringan. Saya akan mengunggah tangkapan layar seperti yang Anda minta.
botenvouwer
Hebat, saya tidak menginstal chrome, jadi saya akan menunggu tangkapan layar.
matan129
OK, sekarang saya melihat screenshotnya. Namun, ini adalah alat pengembang, yang hanya tersedia di chrome (dan alat serupa di browser lain). Saya merasa sulit untuk percaya ada semacam alat inspeksi halaman web seperti ini yang akan berlaku untuk semua lalu lintas yang sedang berlangsung. Tetapi saya masih akan melakukan penyelidikan tentang hal ini. jika saya akan menemukan sesuatu, saya akan menulis jawaban ASAP.
matan129
However the chrome network tool only keeps track of the current open webpage - Sebenarnya, di bar bagian bawah, lihat lingkaran padat itu? Klik di atasnya, dan aktivitas jaringan disimpan di antara halaman web.
Izkata

Jawaban:

22

Coba Fiddler dari http://fiddler2.com/

Saya menggunakannya untuk pengembangan web dan khususnya berguna karena memungkinkan Anda untuk memodifikasi dan memutar ulang permintaan http yang direkam sebelumnya.

Kenned
sumber
Saya akan mencoba yang ini, terima kasih sejauh ini
botenvouwer
2

Sepertinya Anda tertarik dengan tajuk dan konten HTTP tetapi untuk semua lalu lintas. Meskipun ini adalah alat yang lebih kompleks, Wireshark dapat dengan mudah memberikan apa yang Anda cari, meskipun pada awalnya mengintimidasi tata letak dan kekayaan kemampuan.

  1. Jalankan wireshark
  2. Pilih adaptor yang akan berkomunikasi (mis. Adaptor internet Anda) dan mulai ambil
  3. Di bidang "Filter:", ketik "http.request" (tanpa tanda kutip) dan tekan Apply

Output yang dihasilkan akan berisi setiap permintaan yang dibuat oleh sistem Anda (ini berpotensi lebih dari sekedar sesi browser Anda: Anda dapat memilih untuk memfilter lalu lintas lebih lanjut dengan menambahkan "& amp; & amp; ip.addr ==" ke filter jika Anda terlalu banyak lalu lintas dalam output Anda). Jika Anda hanya tahu nama server, Anda dapat menggunakan "nslookup .com" di baris perintah untuk menyelesaikan alamat IP server.

Ketika Anda mengklik permintaan di bingkai atas Wireshark, bingkai tengah akan menampilkan lapisan-lapisan di dalamnya. Luaskan lapisan "Hypertext Transfer Protocol" dengan menekan tanda + di sebelahnya untuk mengekspos tajuk permintaan.

Terakhir, jika Anda tertarik melihat tajuk respons atau konten, klik kanan pada permintaan yang menarik di bingkai atas dan klik "Ikuti Aliran TCP".

CATATAN: Semua hal di atas mengasumsikan Anda tidak mencoba untuk menangkap lalu lintas ke hosting server web di localhost, 127.0.0.1.

antik
sumber
0

Saya telah menemukan Charles . Ini gratis dan tersedia untuk Windows, Linux & amp; Mac. Terlihat sangat mirip dengan alat pengembang Chrome menurut pendapat saya.

matan129
sumber
Alat ini lebih merupakan plug in Firefox dan tidak gratis. Ini adalah uji coba 30 hari!
botenvouwer
Benar, saya tidak memperhatikan.
matan129