Чтобы показать сетевые запросы сайта, откройте инструменты разработчика браузера, перейдите во вкладку Network и перезагрузите страницу. В списке будут видны обращения за документами, скриптами, изображениями и данными; карточка запроса показывает заголовки, параметры и ответ. Запись помогает проверить поведение страницы, но может содержать конфиденциальные сведения и сама по себе не доказывает безопасность сайта.
На что смотреть в сетевом следе страницы
- Включите сохранение журнала, если запросы нужно изучить после перехода или перезагрузки.
- Сначала проверьте тип ресурса, адрес и статус, затем открывайте карточку конкретного запроса.
- Различайте наблюдаемый факт и возможную причину: ошибка в списке не объясняет сбой автоматически.
- Перед записью убедитесь, что в запросах не окажутся пароли, токены, персональные данные или содержимое форм.
- Не отправляйте другим людям HAR-файл без проверки и удаления чувствительных данных.
Подготовка DevTools к записи запросов
Инструкция подходит для проверки собственного сайта, тестовой среды или страницы, которую разрешено анализировать. Она полезна, когда нужно понять, какие ресурсы загружаются и на каком этапе возникает задержка.
Не записывайте трафик чужой учётной записи без разрешения и не пытайтесь обходить ограничения доступа. Для демонстрации используйте публичную страницу без входа в аккаунт, например главную страницу своего сайта.
Откройте страницу в Chrome, Edge или Firefox. Нажмите F12 либо сочетание клавиш для инструментов разработчика, заданное браузером, и выберите вкладку Network. В разных браузерах названия команд и расположение элементов могут немного различаться.
Как перезагрузить страницу и не потерять сетевой след
Для демонстрации подготовьте браузер и страницу, которую можно безопасно перезагружать. Обычно достаточно открытой вкладки, доступа к сайту и инструментов разработчика браузера Network; устанавливать дополнительные расширения не требуется.
Перед записью учтите риски и ограничения:
- Запросы могут включать cookies, токены авторизации, адреса электронной почты и параметры формы.
- Не вводите реальные пароли и платёжные данные ради демонстрации.
- Журнал показывает обмен между браузером и сервером, доступный в текущем контексте; он не раскрывает автоматически внутреннюю работу сервера.
- Для воспроизводимой проверки используйте тестовую страницу или отдельный профиль браузера без открытых личных аккаунтов.
В Network включите Preserve log (сохранение журнала), если нужно сохранить записи при навигации. Опция Disable cache отключает кеш браузера, пока инструменты разработчика открыты; включайте её только если проверяете загрузку без кеша.
Чтение списка запросов: типы ресурсов, статусы и время
Для примера откройте главную страницу сайта и выполните обычную перезагрузку. Затем используйте эту последовательность, чтобы показать, как посмотреть сетевые запросы сайта и отделить важные обращения от фоновых.
-
Откройте Network до перезагрузки.
Выберите вкладку Network в DevTools и очистите старый список кнопкой очистки журнала, если она доступна. Так записи предыдущих действий не смешаются с новой загрузкой. -
Запустите запись и обновите страницу.
Убедитесь, что запись активна, затем перезагрузите страницу обычным способом. При включённом Preserve log запросы не исчезнут при переходе на другую страницу. -
Определите типы ресурсов.
Посмотрите на столбец Type или аналогичный: там могут отображаться документы, скрипты, таблицы стилей, изображения, шрифты и запросы данных. Фильтры по типу помогают сузить анализ сетевых запросов сайта. -
Сопоставьте статус и адрес.
Проверьте URL и код ответа каждого интересующего запроса. Код показывает результат HTTP-обмена, но сам по себе не устанавливает причину проблемы и не подтверждает безопасность ресурса. -
Оцените временные показатели.
Сравните длительность загрузки и последовательность обращений. Долгий запрос может быть связан с сервером, сетью, объёмом ответа или ожиданием другого ресурса - список сам по себе не позволяет выбрать причину без дополнительной проверки. -
Выберите запрос для подробного просмотра.
Щёлкните строку, чтобы открыть карточку. Для демонстрации удобно выбрать основной документ страницы или один запрос данных, не содержащий личной информации.
Карточка запроса: заголовки, параметры и тело ответа
Проверьте выбранную запись по списку. Названия вкладок карточки могут отличаться в зависимости от браузера и вида запроса.
- Убедитесь, что URL относится к ожидаемому сайту или используемому сервису.
- Сверьте метод запроса, например GET или POST, если браузер показывает это поле.
- Посмотрите статус ответа и не трактуйте его отдельно от контекста.
- Проверьте Request Headers и Response Headers: они описывают заголовки запроса и ответа.
- В разделе Query String Parameters или аналогичном изучите параметры адреса.
- Для POST-запроса проверьте Payload только тогда, когда это безопасно и данные не чувствительные.
- Откройте Preview или Response, чтобы увидеть полученное содержимое, если оно доступно.
- При публикации снимка экрана скройте cookies, токены, личные данные и закрытые адреса.
Поля запроса и ответа - наблюдаемые данные. Если значение выглядит необычно, это повод проверить назначение запроса, а не делать вывод о компрометации сайта без дополнительных оснований.
Фильтры и поиск для точечной проверки трафика
Фильтры сокращают список, но могут скрыть часть картины. При проверке запросов сайта в браузере сверяйте фильтр и строку поиска с тем, что именно хотите найти.
- Не забывайте очистить текстовый фильтр: часть запросов может просто не отображаться.
- Не ограничивайтесь одним типом ресурса, если проверяете всю загрузку страницы.
- Не считайте отсутствие запроса доказательством того, что сайт его не отправлял: запись могла начаться позже или запрос мог быть исключён фильтром.
- Не путайте запросы главного документа с обращениями за данными, изображениями или скриптами.
- Не сравнивайте время загрузки при разных условиях кеширования без учёта настройки Disable cache.
- Не открывайте неизвестные ссылки из параметров запроса ради проверки; сначала оцените домен и используйте безопасную тестовую среду.
- Не публикуйте экспорт сетевого журнала без проверки содержимого на токены и персональные данные.
Ошибки диагностики и ограничения данных во вкладке Network
Если вкладка Network не объясняет проблему, выберите способ проверки по задаче:
- Для проверки отображения страницы: используйте Console вместе с Network, чтобы сопоставить сетевые ошибки с сообщениями JavaScript.
- Для проверки серверной логики: изучите журналы сервера или системы мониторинга, если у вас есть разрешённый доступ. Браузер показывает только видимую клиенту часть обмена.
- Для повторяемого теста: используйте тестовую среду и одинаковые условия загрузки, включая состояние кеша и авторизацию.
- Для передачи специалисту: экспортируйте журнал только при необходимости, предварительно удалив чувствительные данные; безопаснее передать минимальный набор записей или снимок с замазанными значениями.
Статус запроса не является самостоятельной оценкой безопасности: успешный ответ не гарантирует корректность содержимого, а ошибка не означает автоматически, что сайт вредоносный. Учитывайте адрес, тип ресурса, контекст страницы и ожидаемое поведение.
Разбор спорных случаев при анализе сетевых запросов
Почему список запросов пуст?
Возможно, запись была выключена, выбран фильтр или вкладку Network открыли после загрузки страницы. Включите запись, очистите фильтр и перезагрузите страницу.
Почему после перезагрузки записи исчезли?
Проверьте, включён ли Preserve log. Без него журнал может очищаться при навигации или перезагрузке.
Можно ли понять по коду 200, что сайт безопасен?
Нет. Код 200 указывает на успешный HTTP-ответ, но не оценивает безопасность сайта, подлинность содержимого или корректность бизнес-логики.
Почему запрос показывает ошибку, хотя страница работает?
Ошибка может относиться к необязательному ресурсу или отдельному сервису. Проверьте адрес, тип запроса и влияние на нужную функцию страницы.
Какие данные опасно показывать на записи экрана?
Скройте cookies, токены, параметры авторизации, персональные данные и содержимое форм. Перед передачей HAR-файла проверьте его содержимое: экспорт может включать данные запросов и ответов.
Нужно ли отключать кеш для каждой проверки?
Нет. Отключайте его, если проверяете загрузку ресурсов без кеша; для обычного поведения страницы оставьте стандартные настройки и учитывайте, что часть ресурсов может загружаться из кеша.