DevTools для тестировщика — незаменимый инструмент в тестировании, который позволяет в реальном времени просматривать рендеринг сайта, элементы и изменять их для просмотра реакции сайта. В этой статье мы подробнее рассмотрим вкладки, которые могут быть полезны тестировщику в работе, и какие возможности они предоставляют. Консоль включает несколько ключевых вкладок, каждая из которых имеет свою функциональность. 1. Раздел «Elements» является одним из самых полезных инструментов для тестировщиков. Здесь можно просмотреть структуру DOM-дерева, что позволяет понять иерархию элементов на странице...

В предыдущих статьях мы разобрали структуру DevTools и основные элементы. В этой статье разберём каждую вкладку в консоли. Используется для выбора и редактирования любых HTML элементов на странице, что позволяет свободно манипулировать DOM и CSS. Вкладка содержит две кнопки: Выбор элемента с помощью курсора и Переключение в режим выбора устройств. Это полезно при разработке адаптивных интерфейсов, мобильных версий сайтов или для тестирования страниц с разным разрешением монитора. При выборе любого...