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

Question

Приложение AngularJS прекрасно работает на настольном компьютере, но не отображает должным образом на мобильном устройстве (отображается реальный код). Это на телефоне Android.

Я хотел бы видеть, какие ошибки отображаются в консоли.

Можно ли открыть консоль JS в приложении Chrome на мобильном устройстве (как на рабочем столе)?

Answer 1

Вы можете сделать это с помощью удаленной отладки, вот официальная документация. Основной процесс:

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

Answer 2

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

1-in android> настройка> поиск по номеру Bulid -> затем щелкните по нему несколько раз, чтобы активировать режим разработчика

2- android> параметры разработчика> включить отладку по usb

3- подключиться к компьютеру с помощью USB-кабеля

4-дюймовый хромированный компьютер типа chrome: // осмотреть> ввести

5- в мобильном открытом URL-адресе, затем отслеживайте на ПК chrome: // inspect

Answer 3

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

Answer 4

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

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

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

<img alt="введите описание изображения здесь" src="https://i.stack.imgur.com/W2n6j.png"/>

Answer 5

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

Answer 6

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

загрузите Web Inspector (с открытым исходным кодом) из магазина Play.

ПРЕДОСТЕРЕЖЕНИЕ: ATTOW, консольный вывод не принимает параметры отдыха! Т.е. если у вас что-то вроде этого:

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

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

один

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

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

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

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

Answer 7

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

http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/

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

Answer 8

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

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

Answer 9

Используйте приложение Киви Браузер

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

Или

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

https://www.browserstack.com/

Answer 10

Remotely debugging Firefoxэто еще один вариант. шаги упомянуты здесь

Answer 11

Попробуйте OutFront JS

Он выводит консольные сообщения на экран. Очень полезно для отладки мобильных браузеров.

Помогает:

• Поймайте предупреждения, сообщения и ошибки в мобильных браузерах.
• Работает во всех мобильных браузерах, даже в китайских браузерах.

Answer 12

Возможно, вы попробуете Gear Browser, он может проверять элементы и отлаживать веб-сайт только на мобильном телефоне.

https://gear4.app/

Answer 13

document.cookie="VISITOR_INFO1_LIVE=fPQ4jCL6EiE"