#Полезнаяинформация

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

Одной из функций в DevTools является Command Menu, которая вызывается через (Ctrl+Shift+P). С помощью данной функции ты можешь быстро находить нужные тебе инструменты для тестирования.  

Кроме того, в DevTools есть возможность подмены User-Agent. User-Agent — это строка, передающая сайту информацию о том, какое программное обеспечение использует посетитель. В ней зафиксировано, каким устройством человек пользуется (ПК, планшет или смартфон), с какой операционной системой и через какой браузер. В зависимости от этих параметров сайт может выглядеть по-разному. Часто, например, дизайнеры адаптируют оформление и стили под мобильные версии, упрощают анимации — чтобы ничто не мешало знакомству с контентом на небольшом экране смартфона. Для того, чтобы проверить это, необходимо открыть Command Menu и в поиске найти Show Network conditions. В самом низу твоего окна DevTools появится соответствующая вкладка, с которой ты и будешь работать. Чтобы изменить параметры User-Agent тебе потребуется снять чек-бокс Use browser default и выпадающем списке выбрать нужный user-agent. Если такого нет в списке, ты можешь добавить его самостоятельно.

Следующей функцией, которой тестировщик может периодически использовать является Coverage. Данную функцию также можно вызвать из Command Menu. Coverage позволяет тестировщику увидеть части JS, которые не используются при загрузке страницы или выполнении операций. Оптимизация работы JS позволяют существенно снизить скорость загрузки сайта, поэтому при необходимости такой тест можно провести и сообщить своему разработчику о потенциальных проблемных местах в JS, которые могут создавать дополнительную нагрузку на веб-приложение.