Тестировщику без DevTools никуда. Это основа основ без которой вы мало что можете сделать на веб странице. DevTools — это набор инструментов, встроенных в браузеры, таких как Chrome, Firefox, Safari и Edge. Они предоставляют доступ к различным функциям для анализа, отладки и оптимизации веб-страниц. DevTools позволяют тестировщикам проверять код, выявлять ошибки и улучшать производительность приложений. Существует несколько способов открыть Chrome DevTools в зависимости от того, к какому инструменту вы хотите получить доступ...

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