Chrome DevTools

На уроке мы разберем все вкладки chrome devtools, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое. Мои социальные сети: Таймкоды: 00:00 - Вступление 00:15 - Способы открытия и расположения chrome devtools 01:15 - Эмуляция мобильных устройств 01:33 - Изучаем вкладку Elements 01:53 - Про HTML 02:54 - Про CSS 03:44 - Изучаем возможности Inspect-а веб-элемента 05:40 - Про сss и xpath локаторы 07:20 - Учимся писать css локаторы 08:38 - Учимся писать xpath локаторы 09:13 - Изучаем вкладку Console 10:04 - Работаем с Filter в Console 10:41 - Исполняем js код в Сonsole 11:02 - Работаем с Live Expression 11:45 - Пишем и вызываем функцию в Сonsole 12:20 - Разбираем Preserve Log 12:50 - Разбираем вкладку Console дальше 14:30 - Вкладка Sources 15:24 - Вкладка Network 20:33 - Про HAR файл 21:30 - Throttling 22:10 - Разбираем ошибку в network 24:20 - Смотрим как работают веб-сокеты 25:50 - Смотрим результат в Preview, что отдает API 26:22 - Вкладка Perfomance 28:10 - Про HAR файл на вкладке Perfomance (профайл нагрузки) 28:25 - Вкладка Application 30:08 - Вкладка Security Лайк, комментарий, подписка очень приветствуются 😊🙏