Что видно в network

Вкладка Network в DevTools показывает все HTTP-запросы и ответы между браузером и сервером. Основное:

• Заголовки (Headers): метод, URL, статус, куки, user-agent.
• Превью (Preview): структурированный ответ (JSON, HTML и т.д.).
• Ответ (Response): сырые данные ответа.
• Время загрузки: waterfall-диаграмма с таймингами (DNS, SSL, TTFB и др.).
• Типы запросов: XHR, JS, CSS, изображения и т.д.

Пример для анализа API-запроса:

// Headers
Request URL: https://api.example.com/data
Request Method: GET
Status Code: 200 OK

// Response
{
  "id": 1,
  "name": "Example"
}