1,0×
17 просмотров · 3 месяца назад
00:00/31:11
Вступление
Описание
Chrome DevTools
3 месяца назад • 17 просмотров
На уроке мы разберем все вкладки chrome devtools, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое.Мои социальные сети:
Поддержать канал на Boosty: boosty.to/...hev/donate
TELEGRAM: t.me/...lyshevBlog
Таймкоды:
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
dzen.ru/...07689d0a58 - API. REST. Swagger. Коды ответов. http методы. http заголовки
Здесь prostoitblog.ru/...elektoryi/ будет статья-шпаргалка с видео о том, как правильно писать css и xpath локаторы. Если вы изучите эту шпаргалку и видео в ней, то у вас не возникнет проблем с написанием xpath и css локаторов любой сложности! 👍