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

Сбор логов мобильного браузера немного сложенее и включает в себя использование компьютера; этот процесс известен как 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