Chrome DevTools: Инструменты тестировщика

Chrome DevTools — один из ключевых инструментов современного тестировщика. Этот курс поможет вам быстро и практично освоить возможности DevTools, чтобы ускорять тестирование, находить ошибки раньше и работать с веб-приложениями на профессиональном уровне.

Почему Chrome DevTools важен для тестировщика

В условиях постоянных дедлайнов тестировщику необходимо использовать инструменты, которые значительно упрощают и ускоряют рутинные операции. Chrome DevTools позволяет заглянуть «под капот» веб-страницы, анализировать структуру DOM, CSS, сетевые запросы, поведение JavaScript и производительность сайта.

Знание DevTools помогает:

• быстрее находить дефекты в интерфейсе и логике страницы;
• анализировать проблемы производительности;
• точнее формулировать баг-репорты;
• понимать, как ведёт себя сайт при разных условиях сети и устройств;
• работать эффективнее в связке с разработчиками.

Кому подойдет этот курс

Программа рассчитана на начинающих и действующих тестировщиков, которые хотят углубить навыки веб-тестирования. Курс также подходит для специалистов по автоматизации и QA-инженеров, использующих CSS или XPath локаторы, анализ сетевых запросов и отладку клиентской части.

Что вы узнаете на курсе

Работа со структурой страницы

• анализ DOM и элементов интерфейса;
• редактирование HTML/CSS на лету;
• создание и проверка CSS и XPath локаторов;
• поиск и исправление отображения элементов.

JavaScript глазами тестировщика

• фиксация и анализ JS-ошибок;
• отладка простых скриптов;
• чтение логов и работа с консолью.

Исследование исходников и ресурсов

• загруженные CSS и JS;
• изображения и ресурсы сторонних сервисов;
• разбор работы CDN и кэширования.

Сетевые запросы и протоколы

• HAR, JS, CSS, Img и другие типы запросов;
• анализ AJAX-запросов;
• работа с фильтрами, кэшем и логами;
• понимание HTTP-протокола на основе реальных данных.

Анализ производительности

• нагрузка на CPU;
• JS Heap и утечки памяти;
• ноды, документы и показатели производительности страницы.

Работа с данными приложения

• различные типы Storage;
• Cookie и их ограничения;
• кеши приложения и особенности их очистки.

Безопасное соединение

• как работает HTTPS и TLS;
• зачем необходима защищенная передача данных;
• проверка сертификатов и диагностика проблем безопасности.

Тестирование мобильных устройств

• эмуляция экранов и поведения девайсов;
• различия Mobile Web и Desktop Web;
• работа с пресетами и настройками устройств.

Настройка сетевых условий

• эмуляция медленного интернета;
• выбор и настройка User-Agent;
• проверка поведения сайта в ограниченных сетевых условиях.

Результат обучения

После прохождения курса вы сможете уверенно использовать Chrome DevTools в ежедневной работе, быстрее находить проблемы, точнее анализировать поведение веб-приложений и повышать качество тестирования даже в условиях жёстких дедлайнов.