Сетевой монитор для веб-разработчика

9

При использовании Google Chrome есть удобный инструмент для мониторинга сети. Однако сетевой инструмент Chrome отслеживает только текущую открытую веб-страницу.

Доступно множество сложных инструментов сетевого мониторинга, и мне нужны только функции инструмента сетевого мониторинга Chrome.

Чтобы отслеживать все действия браузеров (Chrome, Firefox, IE и т. Д.), Я ищу инструмент, который имеет ту же идею и интерфейс, что и сетевой инструмент chrome.

Кто-то знает такой инструмент?

Несколько скриншотов с желаемыми функциями:

Обзор всех загруженных файлов Обзор всей сетевой активности

при выборе файла вы можете хорошо видеть заголовки заголовок

И с ответом вкладки содержание тела виден содержание

network-monitoring google-chrome-devtools botenvouwer
источник
Не могли бы вы загрузить скриншот сетевого монитора Chrome, чтобы я знал, что искать? И если это расширение, предоставьте ссылку на страницу расширения в Интернет-магазине Chrome.
matan129
Его стандарт во всех браузерах Chrome вы можете увидеть, если щелкнуть правой кнопкой мыши -> осмотреть -> сеть. Я выложу скриншот, как вы просили.
botenvouwer
Отлично, у меня просто не установлен Chrome, поэтому я буду ждать скриншота.
matan129
ОК, теперь я вижу скриншоты. Тем не менее, это инструмент разработчика, который доступен только в Chrome (и аналогичные инструменты в других браузерах). Мне трудно поверить, что существует какой-то инструмент для проверки веб-страниц, подобный этому, который будет применяться ко всему текущему трафику. Но я все равно проведу расследование по этому поводу. если я найду что-нибудь, напишу ответ как можно скорее.
matan129
However the chrome network tool only keeps track of the current open webpage- На самом деле, на нижней панели, увидеть этот сплошной круг? Нажмите на нее, и сетевая активность будет сохранена между веб-страницами.
Изката

Ответы:

22

Попробуйте Fiddler с http://fiddler2.com/

Я использую это для веб-разработки и особенно считаю удобным то, что он позволяет вам изменять и воспроизводить ранее записанный http-запрос.

Kenned
источник
2

Похоже, вы заинтересованы в заголовках HTTP и контенте, но для всего трафика. Несмотря на то, что это более сложный инструмент, Wireshark может легко предоставить то, что вы ищете, несмотря на то, что изначально пугающий макет и множество возможностей.

  1. Запустить Wireshark
  2. Выберите адаптер, который будет связываться (например, ваш интернет-адаптер) и начните захват
  3. В поле «Фильтр:» введите «http.request» (без кавычек) и нажмите «Применить».

Полученный результат будет содержать каждый запрос, сделанный вашей системой (это потенциально больше, чем просто сеанс браузера: вы можете предпочесть дополнительную фильтрацию трафика, добавив «&& ip.addr ==» в фильтр, если вы получаете слишком много) трафик на вашем выходе). Если вы знаете только имя сервера, вы можете использовать «nslookup .com» в командной строке для определения IP-адреса сервера.

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

Наконец, если вы заинтересованы в просмотре заголовков или содержимого ответа, щелкните правой кнопкой мыши на интересующем запросе в верхнем фрейме и нажмите «Отслеживать поток TCP».

ПРИМЕЧАНИЕ. Все вышеперечисленное предполагает, что вы не пытаетесь перехватить трафик на хостинг веб-сервера на localhost, 127.0.0.1.

антик
источник
0

Я нашел Чарльза . Это бесплатно и доступно для Windows, Linux и Mac. На мой взгляд, очень похоже на инструменты разработчика Chromes.

matan129
источник
этот инструмент скорее подключен к Firefox и не является бесплатным. 30-дневная пробная версия!
botenvouwer
Да, я не заметил.
matan129