Chrome DevTools для тестировщиков (QA)

В этом уроке мы с вами подробно разберем такой популярный инструмент в арсенале тестировщика, как chrome devtools. Разберем все вкладки, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое. Мои социальные сети: Поддержать канал на Boosty: TELEGRAM: INSTAGRAM: Таймкоды: 00:00 - Вступление 00:15 - Способы открытия и расположения chrome devtools 01:35 - Про эмуляцию мобильных устройств 02:07 - Вкладка Elements 02:27 - Про HTML 03:30 - Про CSS 04:25 - Что может Inspect веб-элемента 06:45 - Сss и xpath локаторы 08:25 - Пишем css и xpath локаторы 11:37 - Вкладка Console 19:10 - Вкладка Sources 20:06 - Вкладка Network 26:41 - Про HAR файл 27:55 - Throttling 28:52 - Разбираем ошибку в network 32:00 - Смотрим примеры работы веб-сокетов 34:55 - Вкладка