Debuggable Browser

David Pertiller

À propos de cette appli

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

Notes et avis

Temps perdu pour avoir télécharger cette application. Un simple navigateur comme tant d'autres. J'ai l'impression d'avoir lu un face news (à voir le titre)

Nouveautés

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!