Chrome DevTools
👉 Все мои курсы - https://be-qa.ru/courses?utm_source=rutube&utm_medium=video&utm_campaign=rest
👉 Мой уютный телеграм канальчик - https://t.me/OlegMalyshevBlog
На уроке мы разберем все вкладки chrome devtools, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое.
Мои социальные сети:
Поддержать канал на Boosty: https://boosty.to/oleg_malyshev/donate
Таймкоды:
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://rutube.ru/video/aed49c25175fe5c3240d62445ba35a37/?r=wd - API. REST. Swagger. Коды ответов. http методы. http заголовки
Здесь https://prostoitblog.ru/kak-sostavlyat-xpath-i-css-selektoryi/ будет статья-шпаргалка с видео о том, как правильно писать css и xpath локаторы. Если вы изучите эту шпаргалку и видео в ней, то у вас не возникнет проблем с написанием xpath и css локаторов любой сложности! 👍
Лайк, комментарий, подписка очень приветствуются 😊🙏
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Chrome DevTools», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.