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