Мережевий монітор для веб-розробників

При використанні Google Chrome є зручний інструмент для моніторингу мережі. Однак інструмент хромованої мережі лише відстежує поточну відкриту веб-сторінку.

Доступно багато складних інструментів мережевого монітора, і мені потрібні лише функції інструменту монітора хромованої мережі.

Щоб відслідковувати всі дії веб-переглядачів (Chrome, Firefox, IE тощо), я шукаю інструмент, який має таку ж ідею та інтерфейс, як і інструмент хромованої мережі.

Хтось знає такий інструмент?

Деякі скріншоти з бажаними функціями:

Огляд всіх завантажених файлів Огляд усіх мережевих дій

при виборі файлу ви добре бачите заголовки заголовок

І при відповіді вкладки видно вміст тіла зміст

network-monitoring google-chrome-devtools

— живильник
джерело

Чи можете ви, будь ласка, завантажити скріншот монітора мережі Chrome, тому я буду знати, що шукати? Якщо це розширення, надайте посилання на сторінку розширення у веб-магазині Chrome.

— matan129

Її стандарт у всіх хромованих браузерах ви можете бачити, коли клацніть правою кнопкою миші -> перевірити -> мережу. Я завантажу скріншот, як ви просили.

— botenvouwer

Чудово, у мене просто не встановлено хрому, тому я зачекаю екрана.

— matan129

Гаразд, тепер я бачу скріншоти. Однак це інструмент для розробників, який доступний лише в хромі (та подібні інструменти в інших браузерах). Мені важко повірити, що існує такий інструмент для перевірки веб-сторінок, як цей, який застосовуватиметься до всього поточного трафіку. Але я все одно буду провести певне розслідування щодо цього. якщо я щось знайду, я напишу відповідь якнайшвидше.

— matan129

However the chrome network tool only keeps track of the current open webpage- Насправді на нижній смузі бачите це суцільне коло? Клацніть по ньому, і мережева діяльність зберігається між веб-сторінками.

— Ізката

Відповіді:

Спробуйте Fiddler від http://fiddler2.com/

Я використовую це для веб-розробки, і особливо вважаю зручним, що дозволяє змінювати та відтворювати раніше записаний http-запит.

— Кенне
джерело

Схоже, вас цікавлять заголовки та вміст HTTP, але для всього трафіку. Хоча це більш складний інструмент, Wireshark може легко надати те, що ви шукаєте, незважаючи на те, що він спочатку залякував макет та багатство можливостей.

Виконати проводку
Виберіть адаптер, який буде спілкуватися (тобто ваш Інтернет-адаптер) і починайте захоплення
У полі "Фільтр:" введіть "http.request" (sans quotes) і натисніть Застосувати

Отриманий результат буде містити кожен запит, зроблений вашою системою (це потенційно більше, ніж просто сеанс вашого веб-переглядача: ви можете віддати перевагу додатковому фільтруванню трафіку, додаючи "&& ip.addr ==" у фільтр, якщо ви отримуєте занадто багато трафік у вашому виході). Якщо ви знаєте лише ім’я сервера, ви можете використовувати "nslookup .com" у командному рядку для вирішення IP-адреси сервера.

Коли ви клацаєте запит у верхньому кадрі Wireshark, середній кадр відображатиме шари всередині. Розгорніть шар «Протокол передачі гіпертексту», натиснувши + поруч із ним, щоб відкрити заголовки для запиту.

Нарешті, якщо вам цікаво переглядати заголовки відповідей чи вміст, клацніть правою кнопкою миші на запит, що цікавить, у верхньому кадрі та натисніть «Слідкувати за потоком TCP».

ПРИМІТКА. Все вищесказане передбачає, що ви не намагаєтеся зафіксувати трафік на веб-сервері, що розміщує хостинг на localhost, 127.0.0.1.

— антик
джерело

Я знайшов Чарльза . Це безкоштовно та доступно для Windows, Linux та Mac. На мою думку, дуже схоже на інструменти для розробників хромів.

— matan129
джерело

цей інструмент - це більше плагін Firefox і не безкоштовний. Це 30-денне випробування!

— botenvouwer

Правильно, я не помітив.

— matan129