Как отладить собственный браузер Android (а не Chrome) на настольном компьютере?

Я могу успешно отлаживать внешний интерфейс веб-приложения, работающего на мобильном устройстве, используя Google Chrome DevTools (chrome://inspect) , когда мое мобильное устройство использует браузер Chrome (с использованием переадресации портов). Мне было интересно, можно ли делать то же самое с использованием собственного браузера Android, я имею в виду, что один браузер, предварительно установленный в Android, выглядит так: это просто, чтобы быть более ясным:-):

enter image description here

Есть ли способ сделать это? Причина, когда я открываю вкладку с этим браузером внутри chrome://проверяю, конечно, я не получаю открытую вкладку, и я не могу проверить содержимое, которое мое устройство просматривает из собственного браузера.

Мне нужно сделать это, потому что я нашел некоторые связанные с UI проблемы (CSS, JS), специально связанные с собственным браузером, на самом деле в Chrome все работает красиво, но в родном браузере нет.

Я также попытался использовать weinre и нашел, что это очень полезно, но я могу использовать его только в контексте локальной сети, что означает, что мне нужно связать устройство с IP-адресом LAN, и на самом деле мне нужно получить доступ к веб-приложению от http://localhost (как это сделано в Chrome DevTools с переадресацией портов), потому что я использую сервер которое строго зависит только от localhost (это не мое, я бы этого не сделал, если бы мог).

Итак, есть ли способ сделать это в родном браузере Android по умолчанию? Использование weinre и/или Chrome DevTools?

Спасибо за внимание!

P.S.: Я знаю, что браузер Android больше не является родным от Android 4.4, во всяком случае, мне понадобится это для совместимости, если, конечно, это возможно (должно быть, я думаю).

Ответы

Ответ 1

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

Если вы еще этого не сделали, выполните все шаги в принятом ответе здесь, чтобы включить отладку с помощью инструментов Chrome dev (на вашем настольном компьютере):

Устройства Chrome DevTools не обнаруживают устройство при подключении

  • Теперь, когда ваше устройство подключено к вашему компьютеру, откройте свою веб-страницу в Android-браузере. Перейдите в инструменты Chrome dev, где вы увидите, что ваше устройство подключено, и вы должны увидеть что-то вроде этого (с обычной кнопкой "проверка" с правой стороны). Нажмите кнопку "проверить", и вы находитесь в состоянии - вы можете отлаживать фондовый браузер Android с помощью инструментов Chrome dev!

введите описание изображения здесь

Ответ 2

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

Также, если он не отображается в списке с помощью adb, список обычно исправляет это.

adb devices

Для полной инструкции вы должны посмотреть документацию по этому вопросу в Android. https://developer.chrome.com/devtools/docs/remote-debugging

Ответ 3

about:debug работает как минимум для консоли JavaScript. Помог мне понять, почему он разбит на эти родные, основанные на WebView и ограниченные браузеры.