Что мы рассмотрим:
В зависимости от браузера визуал консоли может отличаться, иногда разнится и функционал, но базовые опции совпадают. Чтобы открыть консоль разработчика, можно воспользоваться пунктом в меню браузера или нажать горячую клавишу F12 в браузере.
По умолчанию консоль открывается справа. На консоли выводятся сообщения, ошибки JavaScript, CSS и другая важная для тестировщиков информация.
Из всего списка возможностей DevTools выделим те, которые будут полезны тестировщикам:
1. Подмена User-Agent.
Многие специалисты, занимающиеся тестированием, вынуждены воспроизводить различные баги, обнаруженные клиентами продукта. Если использовать подмену User-Agent, можно легко отобразить любой баг, который до этого был воспроизведен с какой-либо версии браузера или операционной системы. Кстати, после тестирования важно не забыть вернуть данные в прежнее положение.
2. Имитация сетевого соединения на низкой скорости.
Так как часто тестирование проводится при хорошей скорости, выявить баг, который проявляется у пользователей при более низкой скорости бывает сложно. Зачем для тестирования используют консоль в браузере в этом случае? Благодаря имитации медленного соединения можно изучить, как ведет себя страница у некоторых пользователей устройств.
3. Блокирование запросов.
Функционал для проверки того, как будет вести себя страница, если пользователь использует любой из блокировщиков.
4. Неиспользуемый код.
При тестировании производительности эта функция может быть полезной, если есть задача отследить скорость загрузки ресурса и улучшить эти показатели. Если количество неиспользованного кода при загрузке страницы слишком большое, его можно указать как артефакт.
5. Настройка столбцов (функция находится во вкладке Network).
Полезная функция для тестировщиков. Используйте, чтобы настроить только те столбцы, которые в текущий момент нужны вам для анализа запросов на ресурсе.
6. Все о cookies во вкладке applications.
Так как задача тестировщика заключается в том, чтобы воспроизвести пользовательский сценарий, cookies — очень важная вещь. Используя разные сценарии работы с куками (поиск, удаление, изменение данных), можно улучшить тест-кейсы.
7. Снимки экрана в момент, когда страница загружается.
Опция, помогающая «поймать» ускользающий баг, отследить нелогичное поведение при загрузке страницы.
Конечно, DevTools не ограничивается функционалом, описанным в этой статье. И тестировщики, и другие специалисты найдут много полезных инструментов в консоли разработчика. Если статья была полезна, поставьте реакцию или оставьте комментарий.
Ознакомиться с программой курсов школы Test Pro и выбрать наиболее подходящий вариант на пути к развитию своей карьеры можно онлайн на нашем сайте, а также обратившись к специалисту Test Pro через формы Apply или Book a call. Также приглашаем вас на наш официальный YouTube канал.

Хотите начать карьеру в IT? Задумались над тем, что должен знать джуниор тестировщик? Команда Test Pro предоставляет возможность пройти полноценное обучение для новичков и более опытных специалистов в тестировании.
Курсы в Test Pro – это:
Узнайте больше про обучение в Test Pro, заполнив форму Apply на нашем сайте!
Среди всех инструментов DevTools вкладка Console используется тестировщиками чаще всего — здесь можно увидеть ошибки кода, найденные при выполнении скрипта.
Используйте эмуляцию Андроид и ios/подключение при отладке. Эта опция позволяет без эмуляторов отследить, как ведет себя продукт на смартфонах с Андроид, подключив его к компьютеру.
Функция определения JS пути к строке. Можно скопировать весь путь к нужной строке в формате JS и сослаться на него в автоматизированном тесте.
Тестировщик сайтов — что это за работа? В связи с огромной популярностью и развитием IT-отрасли все больше людей интересуются этой профессией, причем, далеко не всегда это школьники и студенты. В данной ситуации возраст не играет роли, заниматься тестированием может фактически любой человек.
Компьютер – главный инструмент в работе тестировщика. От качества Вашего компьютера зависит не только комфорт и скорость работы, но и конечный результат. Соответствие характеристик «машины» запросам тестировщика и нюансам сферы деятельности позволяет минимизировать ошибки и реализовывать поставленные задачи максимально эффективно. Как выбрать компьютер или ноутбук для тестировщика? Какой ноут для тестировщика будет наиболее актуален в 2022 году – советы специалистов Test Pro.
Сегодня мир уже невозможно представить без IT технологий, современный человек ежедневно пользуется электронными продуктами, которые позволяют упростить и ускорить те или иные процессы его жизни, найти информацию, получить необходимую услугу. За «ширмой» простой эксплуатации условного мобильного приложения пользователем, стоит длительная и трудоемкая работа разработчиков, тестировщиков, аналитиков, дизайнеров и многих других специалистов.
В IT отрасли найти себя сегодня может каждый, несмотря на текущую сферу деятельности, навыки, взгляды и многие другие факторы. Кнопкой «Start» в IT является профессия тестировщика (QA Аналитик), не требующая глубоких знаний кода, иностранного языка и многолетнего обучения. В то же время, работая тестировщиком, уже через несколько месяцев Вы сможете найти высокооплачиваемую работу в любой стране мира.