Зачем нужны инструменты разработчика

Инструменты разработчика (DevTools) в браузере помогают анализировать, отлаживать и оптимизировать веб-приложения. Они позволяют:

1. Инспектировать DOM и CSS — просматривать и изменять структуру HTML и стили в реальном времени.
2. Отлаживать JavaScript — ставить точки останова, проверять стек вызовов и значения переменных.
3. Анализировать производительность — находить узкие места в работе приложения.
4. Тестировать адаптивность — проверять, как сайт выглядит на разных устройствах.
5. Работать с сетевыми запросами — отслеживать HTTP-запросы, заголовки, время ответа.

Пример использования:

// В консоли DevTools можно выполнять код
document.querySelector('button').addEventListener('click', () => {
  console.log('Кнопка нажата!');
});