# Chrome DevTools для тестировщика

## Network (главная вкладка)
| Что | Как |
|---|---|
| Только API-запросы | фильтр Fetch/XHR |
| Медленный запрос | колонка Time, сортировка |
| Что ушло на сервер | клик → Headers → Request Payload |
| cURL запроса | ПКМ → Copy → Copy as cURL |
| Ответ сервера | вкладка Response / Preview |
| Статусы с ошибкой | фильтр статус ≥400 красным |

## Console
- `fetch('/api/...')` — быстрый тест ручки из консоли
- Ошибки JS — красным, жёлтое — предупреждения
- `localStorage`, `document.cookie` — состояние клиента

## Application
- Cookies: домен, срок, HttpOnly флаг
- LocalStorage / SessionStorage: ключ-значение, можно редактировать
- Service Workers: Offline режим, Cache Storage

## Тестирование производительности
- Network → Throttling → Slow 3G: как ведёт себя при плохом интернете
- Performance → Recording: что тормозит на странице
- Lighthouse: общий аудит (SEO, доступность, перф)

## Мобильный вид
Ctrl+Shift+M → Device Toolbar → iPhone/Android: вёрстка, тач-таргеты, viewport