Друзья, сегодня на очереди крайне ценное видео! Мы рассмотрим полезные функции command line, доступные в DevTools в Chrome. Эти методы консоли в DevTools очень и очень облегчают и ускоряют фронтенд разработку и отладку кода. Делимся с вами волшебными инструментами разработчика, так сказать must have каждого профессионала. Осваивайте и применяйте с удовольствием! Таймкоды: 00:00 Вступелние 00:23 История выбранных элементов $0-$4 01:42 Последнее вычисленное значение $_ 02:40 Выбрать элемент по CSS селектору $(selector) 03:26 Выбрать все элементы по CSS селектору $$(selector) 03:49 Выбрать элемент с помощью XPath $x(xpath) 04:54 Скопировать в буфер copy() 05:10 Шорткат для console.dir dir() 05:24 Вывод DOM элемента в xml представлении dirxml() 05:39 Быстрый переход к элементу во вкладку elements inspect() 06:03 Список обработчиков событий на элементе getEventListeners() 06:27 Мониторинг вызова функции monitor() 07:15 Мониторинг событий на элементе monitorEvents() 08:16 Где почитать про Command Line API --- Видео по Console API: • 10 самых полезных методов Console API... Документация по Command Line API:
Лекция по XPath: • 029. XPath - Сергей Пузанков --- Задавайте ваши вопросы в комментариях. А также пишите, на какие темы вам хотелось бы увидеть новые выпуски. Если видео было для вас полезным, ставьте лайк и поделитесь им с друзьями. --- Подписывайтесь на наш канал:
--- Присоединяйтесь к нам в соцсетях: FB: / frontendscience VK:
https://vk.com/frontend_science Instagram Сергея Пузанкова: / puzankovcom Заходите на наш сайт:
--- Music: Rock Angel by Joakim Karud / joakimkarud
