С чем работаешь в DevTools

DevTools — мощный инструмент для отладки и анализа веб-страниц. Чаще всего работаю с:

1. Elements — инспектирую и изменяю DOM/CSS в реальном времени. Например, быстро тестирую стили:

.button:hover {
  background: #f00;
}

2. Console — для логов, выполнения JS и проверки данных. Например:

document.querySelectorAll('.items').length

3. Network — анализирую запросы, их заголовки, время выполнения.

4. Performance — профилирую загрузку страницы, ищу узкие места.

5. Application — работаю с LocalStorage, Cookies, Cache.

6. Sources — отладка JS, работа с breakpoints.

Особенно полезно комбинировать инструменты, например, отслеживать изменения в DOM через Elements и параллельно смотреть возникающие сетевые запросы в Network.