Инструменты разработчика в веб-браузерах

Все совершают ошибки в коде, в конце концов, их всегда можно исправить. Но в браузере ошибки не видны — если что-то пойдёт не так, не видно, что сломалось, почему, и непонятно, как это починить. Для решения задач такого рода в браузер встроены «Инструменты разработки», Developer tools или — devtools. На мастер-классе «Инструменты разработчика в веб-браузерах» спикер Юрий Данилов, Software Developer в Sberbank, рассказывает о devtools Chrome и возможностях его консоли. 00:00 — Знакомство 2:27 — Набор инструментов Chrome 4:30 — Элементы и редактирование DOM 7:50 — Редактирование CSS 9:38 — Консоль 11:28 — Подключенные файлы 12:08 — Сеть 13:59 — Производительность 15:08 — Память 15:55 — Приложение 17:08 — Безопасность 18:10 — Lighthouse 19:35 — Анимация 20:59 — История изменений 21:57 — Покрытие кода 23:45 — Проблемы 24:46 — Профайлер 25:23 — Слои 26:21 — Медиа 27:52 — Состояние сети и блокировка 29:23 — Монитор производительности 30:34 — Отрисовка 31:21 — Датчики 33:02 — Аудиопоток 33:28 — Эмуляция