Le débogage sur Android d’une web app n’est pas nouveau. Je publie juste ma note personnelle si ça peut aider quelqu’un d’autre 😉 . L’idée est bien entendu t’étendre notre LocalHost sur le téléphone afin de tester son application directement dessus.
1°) Activer le mode développeur sur l’Android
Il suffit d’aller dans les Paramètres, puis dans le menu « A propos de « , de descendre jusqu’au numéro de la Build et de cliquer 9x dessus. Au fur et à mesure le téléphone vous informe du nombre de fois qu’il reste pour activer ce mode.
Le code PIN de l’android est demandé et enfin il suffit de revenir sur le menu SYSTEME afin d’activer le Debogage USB .
2°) Configuration de Chrome ou Edge de votre ordinateur
Il suffit d’aller sur les paramètres DevTools via l’URL
- edge://inspect/#devices pour Edge ou
- chrome://inspect/#devices pour … Chrome
Une fois le panneau de configuration ouvert, branchez le câble USB entre votre smartphone et votre ordinateur. Un nouveau message vous demandera l’Autorisation de débogage.
Récupérer l’URL de votre application locale à débogger. Dans le panneau de DevTools, il va falloir faire une redirection du port car en effet le smartphone a son propre localhost…
Enfin vous pouvez depuis l’ordinateur gérer les onglets de votre navigateur du smartphone comme je le montre dans cette petite vidéo :