Как собрать лог с браузера гугл хром

Как выгрузить логи из браузера

Для анализа ошибок на online.sbis.ru сотруднику техподдержки могут понадобиться логи браузера. Они помогут понять, что и в какой момент пошло не так.

Яндекс.Браузер

Google Chrome

Mozilla Firefox

Откройте браузер и нажмите .
Кликните «Switch DevTools to Russian», чтобы перевести страницу на русский язык.

Откройте браузер и нажмите .
Кликните «Switch DevTools to Russian», чтобы перевести страницу на русский язык.

Откройте браузер и нажмите .
На вкладке «Сеть» в настройках отметьте «Непрерывные логи», чтобы сохранить их при переходе на другую страницу.

В меню «Разработка» выберите «Показать веб-инспектор».

Как собрать HAR-логи

HAR-логи (HTTP-архив) содержат записи обо всех сетевых запросах и ответах, сделанных браузером при загрузке определённой веб-страницы. В них находятся такие данные, как URL-адрес запрошенного ресурса, метод HTTP, используемый для его запроса, код ответа.

HAR-логи собираются для диагностики проблем загрузки веб-страниц, выявления ресурсов с медленной скоростью загрузки и сетевых ошибок, мониторинга производительности и оптимизации сайта, сравнения производительных различных страниц.

Большинство браузеров позволяют собрать HAR в отдельный файл, который потом можно передать технической поддержке для понимания причин возникновения бага.

Прежде чем приступить к работе, включите запись логов в консоли, чтобы точно зафиксировать ошибку.

Логи консоли браузера

В этом курсе мы научимся собирать логи консоли браузера. Десктопные браузеры работают одинаково во всех настольных операционных системах, поэтому вы можете выполнять те же действия в Windows, MacOS или Linux.

Google Chrome / И любой браузер на базе Chromium.

1. Нажмите CTRL+Shift+I или выберите значок три точки > Дополнительные инструменты > Инструменты разработчика
2. Выберите Консоль > значок шестерни в правом верхнем углу.
3. Прокрутите вниз, чтобы найти Параметры консоли > выберите Показать метки времени и Сохранить лог при навигации.
4. Выход из настроек
5. Очистите консоль, нажав на значок «Очистить консоль» или щелкнув правой кнопкой мыши в окне консоли и выбрав «Очистить консоль».
6. Обновить страницу и воспроизвести баг , начиная с домашней страницы
7. Щелкните правой кнопкой мыши по логам и выберите «Сохранить как«.
Кроме того, вы можете скопировать лог-файлы с консоли и вставить их в любую программу текстового редактора.
8. Сохранить файл как .txt
9. Откройте лог консоли и убедитесь, что на сайте тестирования есть метки времени и строка ‘Navigated to’ (например, 18:32:30.854 Navigated to https://www.utest.com ).

Примечание: Следуйте тем же шагам для сбора логов консоли для любого браузера на базе Chromium,таких как новый браузер Microsoft Edge, Opera, Brave, Yandex.

Firefox

1. Выберите иконку меню в правом верхнем углу и выберите Web Developer > Web Console.
2. На консоли выберите значок передачи в правом верхнем углу и выберите Persist Logs и Show Timestamps.
3. Нажмите на значок корзины, чтобы очистить ваши старые логи.
4. Обновить страницу и воспроизвести баг, начиная с домашней страницы
5. Чтобы сохранить логи, щелкните правой кнопкой мыши на консоль > выберите «Экспорт видимых сообщений» > «Файл«.
6. Сохранить файл как .txt
7. Откройте лог консоли и убедитесь, что на сайте тестирования есть метки времени и строка ‘Navigated to’ (например, 18:32:30.854 Navigated to https://www.utest.com ).

Примечание: Если вы не видите никаких временных меток внутри консоли, попробуйте изменить размер рамки консоли до тех пор, пока не появятся временные метки.

Internet Explorer

1. Выберите значок шестерни в правом верхнем углу > выберите F12 Инструменты для разработчиков
2. В консоли отключите режим «Очистить при навигации» и нажмите красный X, чтобы удалить старые логи.
3. Обновите домашнюю страницу и воспроизведите баг, начиная с домашней страницы.
4. Чтобы сохранить логи, щелкните правой кнопкой мыши в консоли и выберите пункт «Копировать все«.
5. Вставьте скопированные журналы в новый документ Блокнота.
6. Сохранить файл как .txt

Примечание: Журналы, генерируемые Internet Explorer, не содержат временных меток.

Safari

1. Нажмите на Safari в строке меню и выберите Параметры.
2. Выберите значок «Расширенное управление» > выберите «Показывать меню разработки» в строке меню.
3. Закрыть и выбрать раскрывающееся меню «Разработка» > «Показать веб-инспектор«.
4. В консольном окне выберите «Сохранить лог» и щелкните по значку «Корзина«, чтобы очистить лог.
5. Обновите домашнюю страницу и воспроизведите баг, начиная с домашней страницы.
6. Чтобы сохранить журналы, нажмите Command+S
7. Сохранить файл как .txt

Примечание: Журналы, генерируемые Safari, не содержат временных меток.

Логирование системных процессов и сетевой активности

Чтобы найти причину ошибки, специалист техподдержки может попросить предоставить логи с рабочего места. Для сбора логов воспользуйтесь инструкцией:

Сбор логов https с помощью FiddlerCap
Запись сетевого трафика в Mozilla Firefox
Запись сетевого трафика в Google Chrome
Microsoft Network Monitor
Process Monitor
Сбор логов с помощью WireShark

Сбор логов https с помощью FiddlerCap

Скачайте архив с программой по ссылке FiddlerCap.
Откройте архив и запустите файл FiddlerCapsetup.exe.

сохранять двоичные данные,
расшифровать HTTPS трафик,
хранить куки и POST формы.

Если появится предупреждение об установке сертификата, нажмите «Да». После сбора логов сертификат можно будет удалить.

При закрытии программа предложит удалить сертификат из корневого хранилища. Можно выбрать любой вариант.

Запись сетевого трафика в Mozilla Firefox

В правом верхнем углу браузера Firefox нажмите → «Другие инструменты» → «Инструменты веб-разработчика» ( Ctrl + Shift + I) или нажмите на клавиатуре клавишу F12.
Перейдите на вкладку «Сеть» и обновите страницу, нажав на клавиатуре клавишу F5. Воспроизведите ошибку.

Запись сетевого трафика в Google Chrome

В правом верхнем углу браузера Google Chrome нажмите → «Дополнительные инструменты» → «Инструменты разработчика» или нажмите на клавиатуре клавишу F12.
Перейдите в раздел Network и обновите страницу, нажав на клавиатуре клавишу F5.
Воспроизведите ошибку.

Если запись логов не началась автоматически, нажмите на кнопку «Record Network Log».

Microsoft Network Monitor

Скачайте архив с программой по ссылке Microsoft Network Monitor (версия 3.4 32-bit) или Microsoft Network Monitor (версия 3.4 64-bit).
Откройте архив и запустите файл Microsoft Network Monitor 3.4.exe.