Debuggable Browser

Qu'est-ce que c'est?

Juste une WebView activée pour le débogage, vous permettant d'utiliser les outils de développement de Chrome (exécutés sur votre PC ou Mac) pour inspecter et déboguer votre application Web pendant qu'elle s'exécute sur votre appareil réel .

Destiné uniquement aux développeurs et concepteurs Web

Cette application a été conçue pour les développeurs Web qui visent à offrir la meilleure expérience utilisateur de leur application Web aux utilisateurs d'Android. Si vous n'êtes pas un développeur Web ou un concepteur Web intéressé par le débogage d'applications Web, vous êtes probablement mieux avec un navigateur normal;)

À quoi ça sert?

Si vous avez déjà ouvert votre site Web dans le navigateur de stock Android et rencontré l'un des problèmes suivants, cette application peut vous être utile:

& # 8226; & # 8195; La mise en page ou le style de votre site Web semble cassé lorsqu'il est affiché dans le navigateur de stock Android

& # 8226; & # 8195; Votre code JavaScript n'a pas produit le résultat attendu ou le calcul doit s'être arrêté soudainement pendant l'exécution (peut-être qu'une exception a été levée?)

& # 8226; & # 8195; Les animations sont lentes ou ne s’animent pas comme prévu

Description

Il arrive parfois qu'une application Web ne fonctionne pas sur les navigateurs mobiles, même si elle fonctionne correctement sur les navigateurs de bureau. Pire encore, des défauts se produisent parfois uniquement sur (certains) appareils mobiles, vous ne pouvez donc pas les simuler et les reproduire sur un navigateur de bureau. C'est là que le débogage à distance avec les DevTools de Chrome s'avère utile. Bien que Chrome pour Android le prenne parfaitement en charge, le navigateur de stock Android ne le fait pas. C'est malheureux, car beaucoup de bugs Android semblent se produire uniquement sur le navigateur de stock et pas sur Chrome de toute façon.

Cette application vous permet donc de gérer des sites Web dans le navigateur natif (WebView), tout en vous donnant la possibilité de inspecter et déboguer la page avec les Chrome DevTools.

Comment démarrer le débogage à distance?

1. Activez le mode développeur sur votre appareil Android et connectez-le à votre PC / Mac

2. Ouvrez cette application et accédez à votre site Web en entrant son URL

3. Sur votre PC / Mac, ouvrez Chrome et tapez "chrome: // inspect" dans la barre d'adresse

4. Dans Chrome, cochez "Découvrir les périphériques USB" et il répertoriera la page Web que vous avez ouverte sur votre appareil

5. Cliquez sur inspecter et profitez du débogage à distance de l'application avec les outils de développement Chrome

Pour plus d'informations, lisez: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser