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

Описание

Изучаем иструменты разработчика web приложений. Чем они полезны, что позволяют упростить при поиске ошибок и их устранении.

00:00 Вступление
00:41 Что такое отладка программы/приложения
01:29 Чем пользоваться для отладки web приложений
01:47 О чем будем говорить в данном ролике
02:16 Открываем DevTools
02:36 Панель инструментов окна DevTools
04:24 Управление способом отображения окна DevTools
05:20 Использование вкладки Elements
06:34 Контекстное меню вкладки Elements
07:47 Копирование элементов
08:39 Создание глобальной переменной элемента
08:55 Работа со стилями в правой части вкладки Elements
11:32 Как открыть файл, где определен CSS стиль
12:00 Вкладка Console
14:50 Панель инструментов вкладки Console
15:09 Заключение