Как получить более подробное представление о http-процессе веб-браузера?

Question

Эта тема отлично описывает процесс подключения к веб-странице и ее отображения в браузере.

Но я хочу знать, как я могу отслеживать этот процесс? Есть ли у Firefox или другого браузера возможность регистрировать процесс?

Чтобы поставить вопрос в контекст, я устраняю неполадки на медленном веб-сайте, и когда я нажимаю на ссылку, на которой написано «Waiting for example.com ...» Это происходит только тогда, когда я что-то делаю в моей установке WordPress, а не когда я пытаюсь загрузить статичное изображение, поэтому в экосистеме WordPress есть что-то, что заставляет его зависать. Но "Waiting for example.com" - это очень расплывчатое сообщение, поэтому оно не дает мне ничего, что можно устранить. Я хотел бы иметь журнал, где браузер похож на «сделал запрос на ... выполнено за 52 мс. Сделал запрос на тайм-аут (20 с)».

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

Answer 1

Большинство браузеров теперь имеют отличные "Инструменты разработчика", которые сделают все это и даже больше.

Кроме того, для Firefox Firebug является превосходным инструментом для анализа проблем с подключением к сети и производительностью, а также имеет множество плагинов, которые добавляют дополнительные возможности. Есть также "облегченные" версии для других браузеров.

Answer 2

Проверьте Fiddler:

Fiddler - прокси-сервер отладки в Интернете, который регистрирует весь трафик HTTP(S) между вашим компьютером и Интернетом. Fiddler позволяет вам проверять трафик, устанавливать точки останова и "возиться" с входящими или исходящими данными.

И Wireshark:

Wireshark® - это анализатор сетевых протоколов. Это позволяет вам захватывать и интерактивно просматривать трафик, работающий в компьютерной сети.

Связанные с:

• Ошибка 404 - Нахождение того, что не было найдено с wireshark
• Как я могу отследить HTTP-пакеты с помощью Wireshark?

Answer 3

Google Chrome имеет встроенные средства разработчика, которые могут помочь в выявлении проблем. Существует вкладка "сеть", которая может помочь определить, к каким ресурсам обращаются и как долго.

Answer 4

Если вам нравится использовать Chrome, у него есть несколько чрезвычайно мощных встроенных инструментов разработчика, к которым можно получить доступ с помощью сочетания клавиш Shift+Ctrl+I. Перейдите на вкладку сети, и вы сможете просмотреть все HTTP-запросы и ответы, сделанные страницей в течение определенного периода времени, включая запросы AJAX, и получить подробную информацию по каждому запросу. Использование wireshark даст аналогичные результаты; однако, поскольку инструмент Chrome используется специально для устранения неполадок на веб-сайте, презентация выполняется гораздо более удобочитаемым способом.

Answer 5

Это также сетевой монитор Microsoft, который можно добавить в список techie007:http://www.microsoft.com/en-us/download/details.aspx?id=4865.

Он работает аналогично wireshark, и я использую их оба, когда мне нужно. Я согласен с выбором Technie007, но предлагал другой ответ.

Вам нужно установить фильтр на то, что вы хотите в wireshark или сетевом мониторе, чтобы фильтровать только определенный трафик, который вы хотите, а не ракетостроение.

Например, ниже приведена информация о пакетах, полученных с / на ваш сервер в Wireshark, просто вставьте свой ip-адрес сервера после части равенства:ip.addr == ipaddressofserverhere

Изменить: означало добавить часть только для возврата трафика порта 80 для HTTP, но я мог вспомнить, что фильтр для него.