Chrome DevTools / На что способна консоль?

В этом видео познакомимся с полезными возможностями консоли в инструментах разработчика (Chrome DevTools). Узнаем как выполнять отладку кода в консоли, быстро переключаться между инструментами, мониторить вызов функций, просматривать обработчики событий и многое другое.

00:00 Интро
01:12 Базовая настройка
02:50 Перемещение между инструментами
05:25 Отладка в консоли
07:38 Функция debug
09:15 undebug
10:13 Идентификатор $_
13:31 Проинспектированные элементы
17:34 Функция $(selector)
19:27 Функция $$(selector)
21:53 dir() / console.dir()
24:29 Алиасы для методов объекта
26:29 Подписки на события
30:27 Мониторинг функции
34:23 Аутро

Мой блог в Telegram: https://t.me/antonovjs

#devtools #chrome #javascript