Comment déboguer à distance les applications Web et les sites Web Android à Linux
Afin de déboguer toute page Web actuellement visible dans Chrome Browser ou WebView sur un appareil Android, vous devrez activer le débogage USB et connecter votre appareil Android à un PC Linux via un câble USB.
Permettant un débogage USB sur un appareil Android
La bascule de débogage USB peut être trouvée sous le menu caché «Options de développeur» sur les appareils Android. Pour activer la vue Options du développeur, vous devez appuyer sur l'entrée «Build Number» 7 fois dans les paramètres du système. Comme il existe de nombreux appareils Android avec différentes interfaces et versions utilisateur, il n'y a pas de moyen standard pour trouver le numéro de build. Vous pouvez utiliser la barre de recherche dans les paramètres du système Android pour localiser et accéder directement à l'option Numéro de construction, ou vous pouvez naviguer manuellement paramètres système pour le trouver. Habituellement, il se trouve dans le même menu qui affiche la version du noyau Linux sur un appareil Android.
Une fois que vous avez activé les options de développeur, basculez le commutateur pour le débogage USB. Veillez à ne pas toucher d'autres paramètres dans les options de développeur car une mauvaise configuration peut entraîner une rupture du système. Pour référence, voici à quoi ressemble l'option de débogage USB sur mon appareil Android Samsung:
Installation Android Debug Bridge (ADB) sur Linux
ADB est un outil de débogage officiel fourni par Google pour déboguer Android OS et Android Appareils. Il facilite le partage des données et la communication entre un PC et un appareil Android. La BAD est requise pour le débogage à distance d'une page Web en direct sur un appareil Android. Il est également utilisé pour authentifier et vérifier la connexion de votre appareil Android avec votre PC Linux.
Pour installer ADB sur Ubuntu, exécutez la commande ci-dessous:
$ sudo apt install adb
Les packages ADB sont disponibles par défaut sur presque toutes les grandes distributions Linux. Si vous utilisez une distribution Linux autre que Ubuntu, recherchez le terme «ADB» dans le gestionnaire de packages et installez-le à partir de là.
Connectez maintenant votre appareil Android à votre système Linux via un câble USB. Dans le cas où vous connectez la première fois votre appareil Android compatible USB, vous recevrez une invite d'autorisation sur votre appareil Android. Vous devez l'accepter pour continuer. Exécutez la commande ci-dessous après avoir accepté l'invite pour vérifier la connexion réussie et l'état d'authentification:
$ appareils ADB
La capture d'écran ci-dessous montre la sortie de la commande. Si vous pouvez voir un numéro de série sous la «liste des appareils attachés», une connexion réussie a été établie. S'il y a un mot-clé «non autorisé» juste à côté du numéro de série, débranchez l'appareil, reconnectez-le, puis acceptez à nouveau l'invite d'autorisation (vous avez peut-être manqué l'invite ou le fermer accidentellement).
Débogage à distance d'une page Web mobile sur le navigateur Chrome de bureau
Tapez URL «Chrome: // Inspecter / # Appareils» dans la barre d'adresse Chrome et appuyez sur Entrée. Cochez la case «Discover USB Apparers». Vous pourrez désormais voir une liste de tous les sites Web / applications Web ouverts dans Chrome, Chromium ou tout navigateur ou WebView basé sur Chrome / Chrome sur votre appareil Android.
Cliquez simplement sur le lien «Inspecter» pour commencer le débogage. Vous obtiendrez le même ensemble complet d'outils de développeur qui est disponible pour les sites Web de débogage sur un PC de bureau.
Notez que le site Web ou Webapp votre débogage doit être visible et vivre sur votre appareil Android. Si vous changez les applications, les onglets ou tournez hors écran, la zone d'aperçu peut être grisée.
Conclusion
La connexion de votre appareil Android à un PC Linux pour les sites Web de débogage à distance est assez simple et prend quelques étapes. Bien que vous puissiez déboguer les dispositions réactives et simuler des vues mobiles sur le bureau lui-même, le débogage à distance est particulièrement utile si vous développez des applications hybrides pour Android ou utilisez des sites Web.