Як отримати більш детальний вигляд процесу веб-браузера http? [дублікат]

Цей потік чудово справляється з деталізацією процесу підключення до веб-сторінки та її відображення у браузері.

Але що я хочу знати, як я можу відстежувати цей процес? Чи має Firefox чи інший браузер можливість ввійти в процес?

Щоб поставити питання в контекст, я вирішую проблеми з повільним веб-сайтом, і коли я натискаю на посилання, він говорить "Чекаю на приклад.com. статичне зображення, тому в екосистемі WordPress є щось, що змушує його зависати. Але "Очікування на example.com" - це дійсно неясне повідомлення, тому воно насправді не дає мені нічого для усунення несправностей. Я хотів би мати журнал, у якому браузер виглядає як "зробив запит на ... завершено в 52 мс.

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

Google Chrome вбудував Інструменти для розробників, які допоможуть визначити проблеми. Існує вкладка "мережа", яка допоможе визначити, до яких ресурсів звертаються та на який термін.

Перевірте Fiddler :

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

І Wireshark :

Wireshark® - аналізатор мережевого протоколу. Це дозволяє знімати та інтерактивно переглядати трафік, що працює в комп'ютерній мережі.

Пов'язані:

• Помилка 404 - Пошук того, що не знайдено за допомогою проводки
• Як відстежувати HTTP-пакети за допомогою Wireshark?

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

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

Він працює аналогічно wireshark, і я використовую їх обидва, коли мені потрібно. Я згоден з вибором technie007, але пропонував ще одну відповідь.

Потрібно встановити фільтр на те, що ви хочете в дротяному огляді або мережевому моніторі, щоб фільтрувати лише певний трафік, який ви хочете, щоб він не був ракетним.

Наприклад, нижче наведено пакети, отримані з / переходу на ваш сервер в проводці, просто вставте ip адресу сервера після рівної частини: ip.addr == ipaddressofserverhere

Редагувати: мав на увазі додати частину лише для повернення трафіку порту 80 для HTTP, але я міг запам’ятати мою голову, що це за фільтр.

У більшості браузерів зараз є чудові "Інструменти для розробників", які дозволять зробити все це та багато іншого.

Крім того, для Firefox Firebug - це чудовий інструмент для аналізу веб-зв’язків та проблем продуктивності та має багато плагінів, що додають додаткові можливості. Існують також "Lite" версії для інших браузерів.