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: t.me/antonovjs
#devtools #chrome #javascript
Пікірлер: 21
Спасибо, это было очень полезно, кстати я тоже выучился в HTML Academy. Вы вели на нашем потоке js. Спасибо за ваш труд)
@antonovjs
Жыл бұрын
🤝 Про консоль будет продолжение. Всё в одно видео не поместилось. Монтирую второе.
Хороший звук, продуманный сценарий и интересный фон. Лайк!
Стать Кунг-Фу мастером по консоли - есть!
Настройка для консерваторов - отключние "Показать что нового." Консерватор зашёл, пробубнил: "Раньше было лучше!", выключил уведомления "Что нового" :)
Отличное видео! Узнал для себя много нового
Супер! 💫
Немного не понял из видео, через какой километраж лучше менять антифриз?
огонь вода!
Игорь, привет! Как планируешь развивать канал? Будешь рассказывать про азы или продвинутые темы?
@antonovjs
Жыл бұрын
Денис, привет. Пока фокусируюсь на основы и хочу запустить серию роликов, где разбирать что-то с самых основ и до уровня middle. Долго думал на какую тему записывать серию видео и пока вижу два направления: TypeScript и Go. JavaScript будет в формате: детальный разбор отдельный возможностей языка, нюансы.
@denispepper2830
Жыл бұрын
@@antonovjs, круто! Желаю успехов! Ждем новых выпусков!
@antonovjs
Жыл бұрын
@@denispepper2830 Спасибо!
@SomeTimesCoding
Жыл бұрын
@@antonovjs Как человек, закончивший в свое время по вашим лекциям профессию React-разработчик (старого формата) в HTML Academy, рад буду увидеть ваши видео по TS. Именно этот раздел тогда не стали включать в обучение, что, на мой взгляд, было большой ошибкой.
@antonovjs
Жыл бұрын
@@SomeTimesCoding сделаем 👍
Как узнать вообще все обработчики на странице, которые существуют в данный момент, а не для конкретного элемента?
@antonovjs
7 ай бұрын
Отдельного API для этого нет. Можно посмотреть в инструментах разработчиков, в Listeners.
это должно преподаватся бесплатно и всем а там кто как захочет
@antonovjs
Жыл бұрын
Так оно и так бесплатно или вы о чём-то другом?
нужно больше конструктивного
@antonovjs
Жыл бұрын
Не совсем понял вас, что именно не конструктивно?