Инструменты отладки в Chrome DevTools (Андрей Соколов, DINS)

preview_player
Показать описание
В Chrome DevTools есть много фишек, которые упрощают жизнь разработчиков. Андрей расскажет, как они могут сделать вашу отладку приятнее.

Вместе со спикером рассмотрим главные вкладки для отладки фронтенда: elements, console, source и network. Андрей расскажет о кнопках и функциях, которые вы видели, но не использовали.

Презентация будет полезна всем, кто взаимодействует с UI: фронтендерам, QA-инженерам, бэкенд-разработчикам.
Рекомендации по теме
Комментарии
Автор

Давно знаком с Андреем Соколовым, отличный и грамотный специалист, который готов всегда помочь в трудную минуту! Однозначно лайк и подписка на канал, жду новых выпусков с его участием. За дебаггер отдельное спасибо, спустя 15 видео с индусами наконец-то нашёл доступное объяснение!

P.S. Ставь лайк если с Яндекс.Практикума!

vovagridnev
Автор

Коллеги, спасибо за видео!
Очень познавательно, и прошу перезалить этот ролик, по причине низкого разрешения.

olegahmerov
Автор

Андрей, благодарю за доклад. Открыл для себя несколько новых вещей.

yuriyzhdanov
Автор

Спасибо, очень информативное видео, тезисно, без воды!

ВинниПух-шк
Автор

На 26 слайде про `document.designMode` спикер что-то не то делает.
Когда установлено значение 'on' мы можем изменять текст или перемещать картинки в документе не используя консоль разработчика. А не перемещать DOM-узлы на панели "Element", как показано на слайде.

ДенисВасильев-йу
Автор

На 5:25 открывая EventListner - у меня куча строк (у Автора одна). Но даже найдя такую же Click - открываю и там тоже много пунктов. Так что же иследовать?

servus
Автор

Доклад полезный, но качество звука отвратительное

kronos