Lorsque l’on développe une web application, nous avons besoin de débuguer cette dernière sur un environnement mobile. Sous Android, il est possible de faire ceci en connectant le smartphone au PC afin d’accéder au dev tools du navigateur.
Afin de pour mener le débuggage, il sera nécessaire de réaliser les points suivant :
- Passer son smartphone en mode « développeur«
- Dans les options développeur du smartphone, cocher « Débogage USB«
- Installer sur le PC les drivers Android Driver Bridge (adb : https://developer.android.com/studio/command-line/adb)
Sous Linux, voici les commandes à utiles :
sudo apt-get install android-tools-adb
adb version
sudo adb start-server
adb devices
Sur le navigateur chrome du PC, tapper cette commande : chrome://inspect/#devices. La liste des smartphones branchés sur le PC doit apparaître et pour chacun la possibilité de de lancer les outils de dev :
Une fois que l’on clique sur « inspect« , une fenêtre de débogage, lié au navigateur de la page affichée sur le smartphone, s’affiche avec un aperçu de l’affichage de l’écran du smartphone :
