В продолжении вчерашнего поста.

Довольно популярная статья сейчас на хабре: руководство по Chrome DevTools.

Что есть внутри:
- Что показывает вкладка Elements и как с её помощью править DOM и CSS на лету
- Как использовать Console не только для ошибок, но и для интерактивного JS-взаимодействия
- Возможности вкладки Sources: просмотр/редактирование кода, брейкпоинты, работа с локальными файлами
- Работа с сетью (Network), профилирование (Performance), аудит (Lighthouse) и многое другое

Там много примеров и пояснений, которые реально пригодятся в повседневной работе. Советую к прочтению каждому.