На уроке мы разберем все вкладки chrome devtools, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое.
Мои социальные сети:
Поддержать канал на Boosty: https://boosty.to/oleg_malyshev/donate
TELEGRAM: https://t.me/OlegMalyshevBlog
INSTAGRAM: https://www.instagram.com/omalysev/
Таймкоды:
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
https://youtu.be/jT9su0syooc?si=5C2mIFEuft-zd8ML - API. REST. Swagger. Коды ответов. http методы. http заголовки
Здесь https://prostoitblog.ru/kak-sostavlyat-xpath-i-css-selektoryi/ будет статья-шпаргалка с видео о том, как правильно писать css и xpath локаторы. Если вы изучите эту шпаргалку и видео в ней, то у вас не возникнет проблем с написанием xpath и css локаторов любой сложности! 👍
Лайк, комментарий, подписка очень приветствуются 😊🙏