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

  Рет қаралды 3,647

Oleg Malyshev

Oleg Malyshev

Күн бұрын

В этом уроке мы с вами подробно разберем такой популярный инструмент в арсенале тестировщика, как chrome devtools. Разберем все вкладки, научимся править css стили, писать css и xpath локаторы, разберем работу веб-сокетов, посмотрим какие ошибки могут быть и многое многое другое.
stepik.org/course/198019 - бесплатный курс по postman "Postman-ниндзя: с нуля до автотестов"
Мои социальные сети:
Поддержать канал на Boosty: boosty.to/oleg_malyshev/donate
TELEGRAM: 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

Пікірлер: 17
@OlegMalyshevIT
@OlegMalyshevIT 5 ай бұрын
Здесь будет статья-шпаргалка с видео о том, как правильно писать css и xpath локаторы t.me/OlegMalyshevBlog/123 Если вы изучите эту шпаргалку и видео в ней, то у вас не возникнет проблем с написанием xpath и css локаторов любой сложности! 👍 Лайк, комментарий, подписка очень приветствуются 😊🙏 Из-за плохого звука, записал другой урок по chrome devtools c хорошим звуком kzfaq.info/get/bejne/iLCgetZ6xsq4ZYE.html 🙏
@Lindoverio
@Lindoverio 5 ай бұрын
Вот это дико полезно будет 🔥
@OlegMalyshevIT
@OlegMalyshevIT 5 ай бұрын
🙏
@alexgold9005
@alexgold9005 4 ай бұрын
Хеллоу Олег. Посмотрел и другие твои видео. Чувак ты крут! Спасибо за качественный контент.🙏
@OlegMalyshevIT
@OlegMalyshevIT 4 ай бұрын
Спасибо большое 🙏
@unicoxr5tj417
@unicoxr5tj417 5 ай бұрын
очень важно, особенно Нетворк, чтобы посмотреть, где недогруз.
@OlegMalyshevIT
@OlegMalyshevIT 5 ай бұрын
🙏
@Dm-erofeev
@Dm-erofeev 4 ай бұрын
Олег, спасибо за это видео! Очень кстати. У меня вопрос по вкладке Console: означает ли, что найденные Error и Varning = найденные баги? Можешь как-то эту тему развить?
@OlegMalyshevIT
@OlegMalyshevIT 4 ай бұрын
Error - это не очень хорошо, все Error-ы желеталеьно фиксить. Warning-ов чем меньше, тем лучше, но на реальных проектах варнингов всегда куча. Варнинги - это предупреждения, аномалии после которых еще возможно продолжение работы сайта, веб приложения. - это ошибка, после которой невозможно дальнейшее выполнение кода, компонента, но при этом сам сайт, фичи на нем могут быть рапотоспособны, а зависимости от того, какие Error-ы. На реальных проектах Error-в тоже хватает, есть известные, которые в целом не влияют на работу сайта, но их тоже по хорошему надо фиксить
@user-kd7bj7wg7b
@user-kd7bj7wg7b 5 ай бұрын
Звук плохой.
@OlegMalyshevIT
@OlegMalyshevIT 5 ай бұрын
Да со звуком в некоторых моментах снова косяк вышел (
@OlegMalyshevIT
@OlegMalyshevIT 2 ай бұрын
Сделал другой урок по chrome devtools c хорошим звуком kzfaq.info/get/bejne/iLCgetZ6xsq4ZYE.html
@gerzuss7467
@gerzuss7467 3 ай бұрын
Наложи голос в нормальном качестве и перезалей видос, слушать просто невозможно
@OlegMalyshevIT
@OlegMalyshevIT 3 ай бұрын
Попробую
@gerzuss7467
@gerzuss7467 3 ай бұрын
​@@OlegMalyshevITвидео информативное и очень интересное, спасибо тебе, решить проблему со звуком и будет конфетка
@OlegMalyshevIT
@OlegMalyshevIT 3 ай бұрын
@@gerzuss7467 да попробую сегодня заняться и на днях перезалить
@OlegMalyshevIT
@OlegMalyshevIT 2 ай бұрын
Сделал другой урок по chrome devtools c хорошим звуком kzfaq.info/get/bejne/iLCgetZ6xsq4ZYE.html
Chrome DevTools
31:11
Олег Малышев
Рет қаралды 2 М.
Универ. 13 лет спустя - ВСЕ СЕРИИ ПОДРЯД
9:07:11
Комедии 2023
Рет қаралды 1,1 МЛН
When Steve And His Dog Don'T Give Away To Each Other 😂️
00:21
BigSchool
Рет қаралды 12 МЛН
КАК ДИЗАЙНЕРОВ научили НЕПРАВИЛЬНО верстать сайты😡
1:31:46
Taptop | Конструктор сайтов
Рет қаралды 954
Git и Github: Практический урок для начинающих
1:04:13
Олег Малышев
Рет қаралды 1,8 М.
DevTools: Анализ бага, используя Network tab
11:15
Lucy Ladybug QA
Рет қаралды 1,8 М.
СТАТЬ ТЕСТИРОВЩИКОМ УРОК #11 - Chrome DevTools / ЧТО ЕТО И С ЧЕМ ЕДЯТ? Network / console
57:34
Farisey QA -Тестирование и не только
Рет қаралды 4,1 М.
Chrome DevTools - самое необходимое для новичков
21:40
Михаил Непомнящий
Рет қаралды 8 М.
Bash команды. Bash для тестировщика
21:41
Олег Малышев
Рет қаралды 1,2 М.
Как дебажить JavaScript. Chrome DevTools
59:34
Владилен Минин
Рет қаралды 80 М.
Postman. C нуля до автотестов.
1:07:17
Олег Малышев
Рет қаралды 4,2 М.
Универ. 13 лет спустя - ВСЕ СЕРИИ ПОДРЯД
9:07:11
Комедии 2023
Рет қаралды 1,1 МЛН