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

В этом уроке мы с вами подробно разберем такой популярный инструмент в арсенале тестировщика, как chrome devtools. Разберем все вкладки, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое.

https://stepik.org/course/198019 - бесплатный курс по postman "Postman-ниндзя: с нуля до автотестов"

Мои социальные сети:
Поддержать канал на Boosty: https://boosty.to/oleg_malyshev/donate
TELEGRAM: https://t.me/OlegMalyshevBlog
INSTAGRAM:   / omalysev  

Таймкоды:
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 - Вкладка Perfomance
37:30 - Вкладка Application
39:25 - Вкладка Security