Déboguer son mobile Android avec Scrcpy

1. Installer Scrcpy et ADB

1.1. Télécharger Scrcpy

Scrcpy permet d'afficher l'écran d'un appareil Android sur son PC via USB.

• Windows : https://github.com/Genymobile/scrcpy/releases
• Linux (via Snap) : sudo snap install scrcpy
• Mac (via Homebrew) : brew install scrcpy

1.2. ADB avec Scrcpy

Scrcpy inclut normalement ADB, mais si besoin, vous pouvez le télécharger séparément :

• Télécharger ADB : https://developer.android.com/studio/releases/platform-tools
• Extraire l'archive et placer le dossier platform-tools dans C:\.

Ajouter ADB au PATH (facultatif mais recommandé)

1. Ouvrir Win + R, taper : SystemPropertiesAdvanced
2. Aller dans Variables d'environnement > Path > Modifier
3. Ajouter le chemin de platform-tools ou scrcpy (ex: C:\platform-tools)
4. Valider et redémarrer le PC.

2. Activer le débogage USB sur Android

1. Aller dans les Paramètres de votre téléphone.
2. Activer les Options pour développeurs :
   • Aller dans À propos du téléphone.
   • Tapoter 7 fois sur Numéro de build... jusqu'au message "vous êtes désormais un développeur"
3. Activer le débogage USB :
   • Aller dans Options pour développeurs.
   • Activer Débogage USB.
   • Si présent, activer Débogage USB sécurisé.

3. Lancer Scrcpy

1. Vérifier si l'appareil est détecté :

   • Ouvrir Cmd.exe et taper :

     adb devices
     

   • Si un appareil s'affiche, c'est bon !
   • Si "unauthorized" s'affiche, valider la demande sur l'écran du téléphone.

2. Redémarrer le serveur ADB si nécessaire :

   • Si ADB ne fonctionne pas correctement, redémarrez-le avec :

     adb kill-server
     adb start-server
     

3. Lancer Scrcpy :

• Dans le terminal, exécuter :

  scrcpy
  

• La fenêtre du téléphone doit apparaître sur le PC !

4. Inspecter une page Web avec Chrome

Si vous voulez inspecter une page web affichée sur Chrome mobile :

1. Connecter le téléphone et ouvrir Chrome sur Android.
2. Ouvrir Chrome sur le PC et taper :

   chrome://inspect/#devices
   

3. La page ouverte sur le mobile apparaît : cliquer sur Inspect.

5. Déboguer une WebView dans une application Android

Si vous développez une application avec une WebView :

1. Ouvrir l'application.
2. Activer le débogage WebView via ADB :

   adb shell setprop debug.webkit.dumpDomTree true
   

3. Aller sur chrome://inspect pour voir la WebView et l'inspecter.

6. Déboguer une application native

Si vous voulez inspecter l'interface d'une app native (hors WebView) :

• Utiliser UIAutomatorViewer (dans le SDK Android).
• Ou utiliser Hierarchy Viewer pour voir la structure des composants.

7. Alternatives à Scrcpy

Si Scrcpy ne convient pas, voici d'autres solutions :

• Vysor : Similaire à Scrcpy, mais avec une version payante pour plus de fonctionnalités.
• Samsung Flow : Pour les appareils Samsung, permet de partager l'écran et d'interagir avec le mobile.
• TeamViewer QuickSupport : Solution pour un accès à distance simple.
• ApowerMirror : Offre des fonctionnalités de mise en miroir et de contrôle avec une interface conviviale.
• AirDroid : Permet de gérer le mobile et d'afficher l'écran à distance.
• Mobizen : Un autre outil de mise en miroir avec une version gratuite limitée.

---

Avec ces outils, vous pourrez contrôler votre mobile depuis le PC, inspecter les pages web et déboguer les apps Android efficacement ! 🚀