Chrome Devools - это инструмент, который помогает разрабатывать, отлаживать и тестировать приложения. В данной статье рассмотрим некоторые функции Chrome Devools, которые могут понадобиться тестировщику для работы. Полную документацию можно найти здесь.
1. Throttling. Тестирование при разных скоростях интернет-соединения
Для проверки web-приложений при различных скоростях интернет-соединения нужно:
Нажать F12
Перейти во вкладку Network
Нажать на выпадающее меню No Throttling
Выбрать тип интернет-соединения
2. Копирование запросов в различных форматах (fetch, curl и т.д.)
Для того, чтобы скопировать запрос в определенном формате нужно:
Нажать F12
Перейти во вкладку Network
Выбрать запрос и нажать на него правой кнопкой мыши
Нажать Copy и выбрать нужный формат
3. Смена геолокации
Для того, чтобы протестировать как ведет себя web-приложение в различных странах (н-р, проверить, меняется ли часовой пояс) нужно:
Нажать F12
Открыть Command Menu (Ctrl + Shift + P)
Ввести Show Sensors
Нажать на выпадающее меню No override
Выбрать город из списка или добавить новую локацию (нажать Other...)
4. Смена user agent
Для того, чтобы протестировать как ведет себя web-приложение с разными user agent нужно:
Нажать F12
Открыть Command Menu (Ctrl + Shift + P)
Ввести Show Network conditions
Снять флажок User browser default
Нажать на выпадающее меню Custom
Выбрать нужный user agent из списка или задать его вручную
5. Эмуляция мобильной версии
Для того, чтобы посмотреть как web-страница будет выглядеть для различных мобильных устройств нужно:
Нажать F12
Нажать на Toggle device toolbar (или Ctrl + Shift + M)
Выбрать мобильное устройство из списка или добавить новое
Выбрать ориентацию устройства (вертикально или горизонтально)
Выбрать скорость интернет-соединения
6. Отмена минимизации кода
Для того, чтобы код стал читаемым, нужно отменить его минимизацию. Для этого нужно:
Нажать F12
Перейти во вкладку Sources
Выбрать интересующий нас файл
Нажать {}
После этого создается файл с постфиксом :formatted
7. Lighthouse. Тестирование производительности
Для тестирования и создания отчетов по производительности можно идти по следующему сценарию:
Нажать F12
Перейти во вкладку Lighthouse
Выбрать нужные параметры mode, device и categories
Нажать Analyze page load
8. Очистка файлов cookies
Для того, чтобы очистить файлы cookies нужно:
Нажать F12
Перейти во вкладку Application
Выбрать Cookies
Нажать на значок очистки Clear all cookies
