Как открыть консоль в браузере на телефоне

Возможно ли открыть консоль инструментов разработчика в Chrome на телефоне Android?

Приложение AngularJS работает нормально на рабочем столе, но не отображается правильно на мобильных устройствах (фактический код показан). Это на телефоне с Android. Я хотел бы увидеть, какие ошибки отображаются в консоли. Возможно ли открыть консоль JS в приложении Chrome на мобильных устройствах (как на рабочем столе)? google-chrome-devtools mobile-chrome

Поделиться Источник 16 мая 2016 в 14:28

10 ответов

1. Подключите устройство Android
2. Выберите свое устройство: Дополнительные инструменты > Проверьте устройства * из инструментов разработчика на ПК/Mac.
3. Авторизуйтесь на своем мобильном устройстве.
4. Счастливого отладки!!

* Теперь это «Удаленные устройства».

Поделиться 16 мая 2016 в 14:35

Чтобы использовать удаленную отладку, сначала активируйте режим разработчика в Android.

1. В Android перейдите в Настройки, найдите номер сборки, затем нажмите на него несколько раз, чтобы активировать режим разработчика
2. В Android перейдите в Настройки > Параметры разработчика >Включите отладку по usb
3. Подключитесь к компьютеру с помощью USB-кабеля
4. В классическом Chrome введите chrome://inspect , затем нажмите Enter
5. В мобильном устройстве откройте URL, затем проверьте его, на этой странице на классическом компьютере chrome://inspect/#devices

Поделиться 09 июня 2021 в 11:08

Когда у вас нет компьютера в наличии, вы можете использовать Eruda, который является devtools для мобильных браузеров https://github.com/liriliri/eruda
Он предоставляется как встроенный JavaScript, а также закладка (вставка закладки в Chrome удаляет префикс javascript:, поэтому вам нужно ввести его самостоятельно)

Поделиться 25 сентября 2018 в 21:24

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

1. Откройте экран Параметры разработчика на вашем Android. См. Настройка параметров разработчика на устройстве .
2. Выберите Включить отладку по USB.
3. На вашем компьютере разработки откройте Chrome.
4. Перейдите к chrome://inspect#devices .
5. Убедитесь, что флажок Обнаружение USB-устройств включен.

После этого откройте Chrome на вашем устройстве Android (и подтвердите приглашение на отладку по USB, если он появится). Перейдите обратно на ваш компьютер и вы увидите, что вкладки браузера в данный момент открыты:

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

Поделиться 09 июня 2021 в 14:09

Kiwi Browser — это мобильный Chromium и позволяет устанавливать расширения. Установите Kiwi, а затем установите расширение Chrome «Mini JS console» (просто найдите в Google и установите на веб-сайте расширений Chrome, также работает uBlock); Оно станет доступным в меню Kiwi внизу и покажет вывод консоли для текущей страницы.

Редактирование 2022: Теперь все еще лучше. Консоль встроена и доступна в меню.

Поделиться 17 января 2020 в 22:01

Пожалуйста, сделайте себе одолжение и просто нажмите на простой кнопку:

ЗАМЕТКА: ВРЕМЕННО, консольный вывод не принимает параметры отдыха! То есть, если у вас есть что-то вроде этого:

console.log('one', 'two', 'three'); 

вы увидите только

вход в консоль. Вам нужно будет вручную обернуть параметры в массив и присоединиться, например, так:

console.log([ 'one', 'two', 'three' ].join(' ')); 

чтобы увидеть ожидаемый вывод.

Но приложение является открытым исходным кодом ! Патч может быть неизбежным ! Патчер может быть даже вы!

Поделиться 07 октября 2019 в 03:29

Я хочу, чтобы вы только видели, что было напечатано в консоли, вы можете просто добавить «напечатанную» часть куда-то в свой HTML, чтобы она появилась на веб-странице. Вы можете сделать это самостоятельно, но есть файл javascript, который делает это за вас. Вы можете прочитать об этом здесь:

Код доступен на Github ; вы можете скачать его и вставить в файл javascipt и добавить его в свой HTML

Поделиться 12 июня 2018 в 06:29

Браузер Kiwi не только позволяет использовать инструменты разработчика Chrome, но и позволяет просматривать страницу одновременно.

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

Поделиться 14 сентября 2022 в 21:36

Используйте приложение Kiwi Browser

Позволяет установить все расширения Chrome, а также получить доступ к инструментам разработчика (консоль. )

Или

для доступа и тестирования всех консолей различных мобильных браузеров, вы можете использовать следующие похожие веб-сайты:

Поделиться 12 июня 2022 в 21:24

Удаленная отладка Firefox — еще один вариант. Шаги упомянуты здесь

Получение доступа к консоли ошибок браузера на мобильном устройстве

Столкнулся с проблемой, что javascript код нормально отрабатывал на десктопе, но на мобильном явно срабатывал с ошибками. Попытки найти как вызывать консоль ошибок в chrome / firefox / т.д. на Android ничему не привели.

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

1. На телефоне заходим в Settings (настройки)
2. Если Android 8 или более новый, то нужно еще зайти в System (Система)
3. В самом низу списка About phone (О телефоне)
4. Нужно 7 раз нажать на Build number (Версия сборки)
5. После 7го нажатия появится сообщения, что «вы разработчик»
6. Если Android 8 или более новый, то нужно вернутся на уровень выше.
7. Дальше переходим в developer options (Настройки разработчика), включаем их, находим в списке отладку по USB и тоже включаем ее.
8. Теперь на десктопном компьютере открываем Chrome, а в нем Инструменты отладки (F12)
9. Дальше загодив в настройки, More tools затем Remote devices
10. Теперь подключаем телефон проводом к компьютеру.
11. Блок Remote devices обновиться и в нем появится телефон.
12. На телефоне нужно открыть Chrome и в новой вкладке сайт
13. Теперь на компьютере будет доступна не только консоль ошибок, но даже изображение страницы в браузере.

Как открыть консоль в телефоне?

Привет, ребята!
Проблема:
В Facebook имеется реклама, в описании которой ссылка на наш сайт. Когда клиент переходит по ссылке, то открывается наш сайт, но не работает один функционал.

Скажите, пожалуйста, могу ли я как то посмотреть какая ошибка в консоле ?
На компе то всё просто, жму F12 (например), и всё открывается, ошибки вижу, запросы.
А на телефоне можно это как то остледить ?

Проблема в том, что Facebook приложение использует свой встроенный браузер (app in facebook browser) и именно в нём проблема.
Знаю, что в приложении можно указать «Links open externally» фишку, но это не подходит. Не будешь же в посте рекламы это дописывать..

В общем ещё раз вопрос: можно ли отследить консоль (dev tools), если пользователь отрывает сайт в телефоне?
Chrome debbuging не подходит, так как используетс внутренний браузер фейсбука.

• Вопрос задан более трёх лет назад
• 11541 просмотр

Как открыть консоль браузера на Андроид смартфоне?

https://developer.chrome.com/docs/devtools/remote-.
Подключаем телефон к компу, открываем на телефоне сайт и на компьютере видим что в консоли телефона.

Ответ написан 09 мар. 2023

Комментировать

Нравится 13 Комментировать

Kiwi Browser имеет нормальный devtools. На маленьком экране может быть неудобно.

Ответ написан 11 мар. 2023

Комментировать

Нравится 1 Комментировать

Тесты, тесты?

В зависимости от используемого браузера, процесс открытия консоли может отличаться.
Например, для Google Chrome на Android:
1. Откройте браузер и перейдите на страницу, которую хотите проанализировать.
2. Нажмите на три точки (или кнопку «Еще») в правом верхнем углу экрана.
3. В выпадающем меню выберите «Инструменты для разработчиков».
4. В появившемся меню выберите «Консоль».
Теперь вы можете использовать консоль для анализа ошибок и выполнения других задач.

Ответ написан 09 мар. 2023