Chrome DevTools — это встроенный в браузер набор инструментов для веб-разработки и отладки.
Основные панели:
- Elements: Просмотр и рефакторинг HTML-структуры страницы и стилей CSS в реальном времени.
- Console: Вывод логов, выполнение JavaScript-кода, отладка.
- Sources: Отладка JavaScript-кода с помощью точек останова, профилирование производительности.
- Network: Мониторинг сетевых запросов (HTTP/HTTPS), анализ их времени выполнения и содержимого.
- Performance: Анализ производительности загрузки и выполнения кода страницы.
- Memory: Профилирование использования памяти, выявление утечек.
- Application: Исследование ресурсов приложения — хранилище (Local Storage, Session Storage, IndexedDB), куки,