Как собрать лог с браузера гугл хром
Перейти к содержимому

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

  • автор:

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

В этом курсе мы научимся собирать логи консоли браузера. Десктопные браузеры работают одинаково во всех настольных операционных системах, поэтому вы можете выполнять те же действия в 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, не содержат временных меток.

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

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

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

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

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

Как собрать HAR — логи браузера

HAR-логи — это файл который содержит подробности взаимодействия вашего браузера Google Chrome и серверов Doma.ai. Информация в данном файле поможет техническим специалистам найти проблему с серверами или на вашем компьютере.

Далее будет приведена пошаговая инструкция как собрать HAR-логи самостоятельно.

Google Chrome:

  1. Нажать F12 на клавиатуре ПК, откроется окно инструментов разработчика;
  2. Перейти во вкладку Network;
  3. Нажать на перечеркнутый круг чтобы очистить сетевой журнал;

6. Нажать на кнопку скачать;

После этого отправьте файл с описанием на наш электронный адрес — help@doma.ai и кратко опишите проблему. Наши специалисты все проверят и свяжутся с вами.

Мы вам помогли?

Спасибо за обратную связь Произошла какая-то проблема, пожалуйста, попробуйте еще раз

Последнее обновление May 3, 2023

Категории

  • Платформа Doma.ai
  • Биллинг и квитанции
  • Я житель
  • Диспетчерская и заявки
  • Приложение Мастер Doma
  • Умный дом

Логи мобильного браузера

Сбор логов мобильного браузера немного сложенее и включает в себя использование компьютера; этот процесс известен как Remote Debugging (Удаленная отладка).

Браузеры на основе хрома и Firefox поддерживают только удалённую отладку через USB для Android-устройств. iOS поддерживает только удалённую отладку на Safari.

Требования для Android-устройств

1. Включите Параметры разработчика на вашем Android-устройстве, нажав на Номер сборки семь раз.
2. Если у вас возникли проблемы с включением опций для разработчиков, нажмите здесь , чтобы узнать больше.
3. Откройте Параметры разработчика и включите USB отладку
4. Подключите устройство Android непосредственно к компьютеру с помощью кабеля USB.
5. На вашем компьютере скачать SSDK platform-tools отсюда .
6. Распакуйте его и откройте папку
7. Открыть командную строку (Windows) или терминал (MacOS или Linux)
8. Введите cd и пробел, а затем перетащите папку Unzipped platform tools в командную строку или терминал и нажмите клавишу enter
9. Теперь вы должны быть в папке platform-tools, например: cd c:\users\john\desktop\platform-tools.
10. Введите старт-сервер adb и разрешите любые запросы на доступ к вашему устройству.

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

Удаленная отладка на Google Chrome/ любом браузере на базе Chromium [только для Android].

1. Перед началом работы убедитесь в том, что вы выполнили все необходимые шаги.
2. Откройте браузер Google Chrome на компьютере и перейдите к Chrome://inspect#devices.
3. Не имеет значения, какой браузер на базе Chromium вы используете в устройстве Android для тестирования; вы можете использовать компьютер Google Chrome для проверки вкладок этого браузера.
4. Убедитесь, что галочка «Обнаружить USB-устройства» включена, а устройство подключено к компьютеру и разблокировано.
5. Если вы видите название модели вашего Android-устройства, это означает, что DevTools успешно установил соединение с устройством.
Если ваше устройство отображается как автономное, принять приглашение разрешения Разрешить USB отладки на вашем устройстве Android
Если устройство DevTools не обнаруживает устройство Android, нажмите здесь , чтобы узнать о шагах по устранению неполадок.
6. Все открытые вкладки мобильного браузера будут отображаться внутри браузера Chrome для вашего компьютера, мы рекомендуем закрыть все вкладки
7. Откройте тестовый сайт на вашем Android-устройстве
8. Затем нажмите кнопку «Проверить» в браузере рабочего стола Chrome рядом с URL-адресом тестового сайта , откроется новое окно DevTools.
9. На вкладке «Консоль» нажмите на значок шестерни в правом верхнем углу.
10. Прокрутите вниз, чтобы найти Параметры консоли > выберите Показать метки времени и Сохранить логи при навигации.
11. Выход из настроек
12. Очистите консоль, нажав на значок «Очистить консоль» или щелкнув правой кнопкой мыши в окне консоли и выбрав «Очистить консоль».
13. Обновите страницу и воспроизведите баг, начиная с домашней страницы
14. Щелкните правой кнопкой мыши по журналам и выберите «Сохранить как«.
15. Сохранить файл как .txt
16. Откройте лог консоли и убедитесь, что на тестовом сайте есть метки времени и строка ‘Navigated to’ (например, 18:32:30.854 Navigated to https://www.utest.com ).

Удаленная отладка на Firefox [только для Android].

1. Откройте браузер Firefox для настольных компьютеров, нажмите на меню «Меню», а затем выберите Web Developer > «Удаленная отладка«.
2. Нажмите на кнопку Включить USB-устройства
3. Откройте Firefox на Android-устройстве и нажмите в меню иконку трёх точек и включите удаленную отладку через USB из настроек.
4. Вы увидите имя вашего устройства в браузере Firefox desktop, нажмите на кнопку «Подключить» рядом с ним.
Если Firefox не распознает ваше устройство, попробуйте выполнить шаги по устранению неполадок здесь .
5. Нажмите на имя устройства, чтобы увидеть все открытые вкладки, мы рекомендуем закрыть все вкладки
6. Откройте тестовый сайт в Firefox (Android-устройство).
7. Затем нажмите на кнопку «Проверить» в браузере Firefox на компьютере рядом с URL-адресом тестового сайта.
8. Откроется новое окно «Инструменты», выберите вкладку «Консоль«, затем нажмите на значок шестерни в правом верхнем углу и выберите «Persist Logs» и «Показывать метки времени«.
9. Нажмите на значок корзины, чтобы очистить ваши старые журналы
10. Обновите страницу и воспроизвелите баг , начиная с домашней страницы
11. Чтобы захватить логи, щелкните правой кнопкой мыши на консолиь > выберите «Экспорт видимых сообщений» > «Файл«.
12. Сохраните файл как .txt
13. Откройте лог консоли и убедитесь, что на сайте тестирования есть метки времени и строка ‘Navigated to’ (например, 18:32:30.854 Navigated to https://www.utest.com ).

Удалённая отладка на Safari [только для iOS].

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *