May 27, 2022

Сбор логов веб-браузера (Web Debugging using DevTools)


Помимо вложений в качестве видео и скриншотов, так же, часто необходимы логи (журнал) консоли браузера (если это веб-сайт и PC) и логи устройства, если это мобильное приложение.

В этой статье я покажу, как настроить браузер для выполнения этой задачи на примере Chrome.


Для начала вам нужно настроить консоль браузера Chrome.
Для этого на любой вкладке Chrome нажимаем клавишу F12.

Далее жмешь на "Три точки" справа вверху открывшегося окна. И потом нажимаем на Settings.

Далее в блоке Console нужно отметить галочки как на скриншоте:

Закрываем.

Нажать F12 для открытия консоли. Переходим на вкладку Console

Время обязательно должно быть отображено в журнале.

Нажать на иконку перечеркнутого кружка для очистки консоли.

После этого перезагрузить тестируемый сайт (первоначальный URL-адрес - напр. https://www.google.com) и начинаем воспроизводить ошибку. После того как ошибка будет воспроизведена, жмем в консоли на любой строке правой кнопкой мыши и кликаем на "Сохранить как..."

Save As.. / Сохранить как..

Сохранить логи в формате .txt

Как только логи были сохранены, открываем файл логов в блокноте и смотрим чтобы первая строка была Navigated to "Ссылка на тестируемый сайт (Главная страница)".

Важно, чтобы логи начинались с Navigated to https://www..
Если так вышло, что в логах отображена информация, которая была ДО этой строки, то после сохранения, открыв файл в блокноте, можно удалить все, что находится до Navigated to (рек. текстовые редакторы - Notepad ++ для Windows, Brackets для macOS)

Оглавление