РАЗРАБОТКА: Инструменты разработчика в веб-браузерах 2021



Все совершают ошибки в коде, в конце концов, их всегда можно исправить.

Но в браузере ошибки не видны — если что-то пойдёт не так, не видно, что сломалось, почему, и непонятно, как это починить.

Для решения задач такого рода в браузер встроены «Инструменты разработки», 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 — Эмуляция аутентификации, режим эмуляции устройства
35:44 — Вопросы и ответы

Компьютерная Школа Hillel
https://ithillel.ua
#devtools #chrome

Поставьте оценку!
[Всего: 0 Рейтинг: 0]
Вы можете оставить свой отзыв:

Написать отзыв