Отличие DevTools от других инструментов тестирования заключается в его функциональности: с помощью DevTools можно проводить функциональное и UI-тестирование, отлаживать страницы и выявлять проблемы в работе сайта. 12

Некоторые особенности DevTools, которые помогают тестировщику:

• Вкладка «Console». 1 Здесь отображаются ошибки, которые падают в системе при её использовании. 1 Ошибки можно просмотреть количественно и списком, а также прочесть, чем они вызваны. 1
• Вкладка «Elements». 1 В ней представлен конечный код HTML-страницы, который отличается от исходного. 1 Тестировщик может вручную изменять его: корректировать размеры элементов, включать и выключать стили, менять цвета и т. д.. 1
• Инструмент «Toggle device toolbar». 1 Помогает протестировать отображение интерфейса для разных устройств и разных размеров экранов. 1 При тестировании можно выставить модель телефона — интерфейс веб-приложения адаптируется под мобильную версию экрана нужной модели. 1

DevTools встроен во все основные браузеры, поэтому его не нужно дополнительно устанавливать и настраивать. 1