Что содержится во вкладке Network
QA Тестировщик
Junior
Без компании
Что содержится во вкладке Network
Ответы
Во вкладке Network (в DevTools браузера) отображаются все сетевые запросы, которые делает страница: HTTP-запросы, загрузка ресурсов (CSS, JS, изображения), XHR/Fetch-запросы.
**Основные данные:**
- **Headers** — метод, URL, статус, заголовки запроса/ответа.
- **Preview/Response** — содержимое ответа.
- **Timing** — время выполнения запроса.
**Пример:**
```
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data));
```
В Network будет виден этот запрос с методом `GET`, статусом `200` и ответом в JSON.
**Фильтры:** можно сортировать по типу (XHR, JS, CSS) или искать конкретные запросы. Полезно для отладки API и анализа производительности.