Некоторые способы использовать DevTools для автоматизации тестирования сайтов:

• Поиск элементов. 1 Нужно открыть DevTools и зайти на вкладку «Elements». 1 Затем нажать Ctrl + F (Cmd + F). 1 Откроется поле для ввода, где можно вставить искомое слово. 1 После ввода инструмент подсветит этот элемент в коде. 1
• Добавление и редактирование элементов. 1 Инструменты разработчика позволяют добавлять теги в код или изменить их. 1 Так можно быстро вносить изменения в стили сайта. 1
• Изменение расположения DOM-элементов в дереве. 1 Для этого нужно перетащить элементы во вкладке «Elements». 1 Так можно изменить структуру страницы и прикинуть, где контент будет лучше смотреться. 1
• Создание скриншотов. 15 Для этого нужно выбрать элемент и нажать Ctrl + Shift + P (Cmd + Shift + P). 1 Откроется палитра команд, в которой можно выбрать «Capture Node Screenshot», чтобы сделать скриншот элемента. 1
• Нахождение локаторов для автоматизированного тестирования при помощи Selenium. 1 Например, если нужен Xpath элемента, его можно скопировать при помощи инструментов разработчика и «скормить» своим скриптам в Selenium. 1
• Просмотр запросов. 1 Для этого нужно перейти на вкладку «Network». 1 Здесь можно узнать тип запроса, который был отправлен для получения ресурса, посмотреть статус ответа, размер ресурса и многое другое. 1
• Мониторинг производительности. 1 DevTools позволяют тестировщику следить за производительностью сайта прямо в панели инструментов. 1 Для этого нужно зайти во вкладку «Performance», нажать Ctrl + E (Cmd + E), а затем — Ctrl + R (Cmd + R) для перезагрузки страницы. 1