Debuggable Browser

Этот браузер позволяет проверять и отлаживать любую веб-страницу с помощью Chrome Devtools

Что это?

Просто WebView с поддержкой отладки, позволяющий использовать Инструменты разработчика Chrome (работающие на вашем ПК или Mac) для проверки и отладки вашего веб-приложения во время его работы на вашем реальном устройстве .

Предназначен только для веб-разработчиков и веб-дизайнеров

Это приложение было разработано для веб-разработчиков, которые стремятся предоставить пользователям Android наилучшее взаимодействие с веб-приложением. Если вы не являетесь веб-разработчиком или веб-дизайнером, заинтересованным в отладке веб-приложений, то, скорее всего, вам лучше использовать обычный браузер;)

Какая от этого польза?

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

& # 8226; & # 8195; макет или стиль вашего веб-сайта нарушается при просмотре в стоковом браузере Android

& # 8226; & # 8195; Ваш код JavaScript не дал ожидаемого результата, или вычисления должны были внезапно остановиться во время выполнения (может быть, исключение возникло?)

& # 8226; & # 8195; Анимации являются медленными или просто не анимируются, как ожидалось

Описание

Иногда случается, что веб-приложение не работает в мобильных браузерах, даже если оно отлично работает в настольных браузерах. Хуже того, иногда дефекты возникают только на (определенных) мобильных устройствах, поэтому вы не можете имитировать и воспроизводить их в браузере настольного компьютера. Именно здесь удаленная отладка с помощью Chrome DevTools оказывается полезной. Хотя Chrome для Android уже отлично это поддерживает, стандартный Android-браузер этого не делает. Это прискорбно, поскольку многие ошибки Android, по-видимому, возникают только в стандартном браузере, а не в Chrome.

Таким образом, это приложение позволяет запускать веб-сайты в собственном браузере (WebView), предоставляя при этом возможность проверить и отладить страницу с помощью Chrome DevTools.

Как начать удаленную отладку?

1. Включите режим разработчика на устройстве Android и подключите его к ПК / Mac

2. Откройте это приложение и перейдите на свой веб-сайт, введя его URL

3. На вашем ПК / Mac откройте Chrome и введите «chrome: // inspect» в адресную строку.

4. В Chrome установите флажок «Обнаружить USB-устройства», и он отобразит веб-страницу, открытую на вашем устройстве.

5. Нажмите «Проверить» и наслаждайтесь удаленной отладкой приложения с помощью инструментов разработчика Chrome.

Для получения дополнительной информации читайте: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser