Site iconSite icon Anthony Jacob

Comment tester et débuguer une application ou un site avec un émulateur Android

Temps de lecture estimé: 2 minutes

Pour débuguer une application ou un site web sur Android, la meilleure façon reste quand même d’avoir et d’utiliser un véritable appareil mobile Android. Mais si tu n’en as pas sous la main, tu peux aussi utiliser l’émulateur Android inclus avec Android Studio.

voilà le programme:

Téléchargement et installation d’Android Studio

tu peux télécharger et installer Android Studio depuis

https://developer.android.com/studio

Vérifiez que vous avez toutes les dépendances installées dans le gestionnaire SDK

lancement d’Android Studio

une fois qu’Android Studio est téléchargé et installé, vérifie et installe toutes les dépendances dont on va avoir besoin (notamment Android Emulator et Intel x86 Emulator Accelerator (HAXM installer)

Installation d’Android Emulator

Ajoutez des variables d’environnement

pour utiliser la ligne de commande directement sans devoir ajouter le chemin complet, ajoutez 2 chemins à la variable système Path :

C:\Users\antho\AppData\Local\Android\Sdk\emulator
C:\Users\antho\AppData\Local\Android\Sdk\platform-tools
ajout d’un chemin dans la variable système Path

Configurer un virtual device

toujours dans Android Studio, tu peux ajouter un virtual device avec le Virtual Device Manager

ouvrir le Virtual Device Manager
créer un virtual device

tu peux choisir parmi les appareils préexistants ou créer un nouveau profil qui correspond à l’appareil que tu souhaites émuler

choisir un appareil existant

moi j’avais besoins de tester un appareil spécifique (un Honeywell EDA52) donc j’ai créé un nouveau profil hardware. j’ai pu personnaliser le matériel à émuler (la taille de l’écran, sa définition la RAM … )

personnaliser le matériel de l’appareil

une fois ton choix fait, sur l’écran suivant, tu peux sélectionner la version d’Android (et la télécharger si nécessaire)

sélectionner la version d’Android

Et vous avez terminé la configuration de votre émulateur

configuration terminée

Carte SD

Pendant la configuration ou lors de la modification d’un appareil, tu peux définir si tu souhaites utiliser une carte SD (et en définir le type). Studio Managed est pratique car tu peux l’explorer directement avec Android Studio et transférer certains fichiers

tu n'a pas besoin d'une carte SD pour transférer des fichiers vers l'appareil, c'est juste pour simuler une carte SD
simuler une carte SD

Lancer l’émulateur Android

Pour démarrer le device, tu peux simplement cliquer sur le bouton de lecture en face de l’appareil dans le Device Manager

Device Manager

et tadaaam!! l’emulateur est lancé!

émulateur lancé

Naviguer à travers les fichiers de l’appareil

tu peux naviguer à travers les fichiers de l’appareil avec l’Explorateur de fichiers d’appareil Android dans Android Studio. Pour ça, tu dois ouvrir la fenêtre complète d’Android Studio (tu dois peut-être créer un projet ou ouvrir un fichier)

Android Studio menu File Explorer

Et ensuite naviguer à travers les fichiers de ton appareil. pratique pour y déposer des fichiers de test ou une apk à installer

explorer les fichiers du device

Ligne de commande

Si tu souhaites t’affranchir de lancer à chaque fois Android Studio, tu peux utiliser la ligne de commande.

par exemple pour lister les émulateurs disponibles sur ton ordinateur:

emulator -list-avds 

Et l’exécuter avec la commande

emulator @TON_EMULATEUR
exemple ligne de commande

Débugué à distance

Tu peux ensuite utiliser l’émulateur comme bon te semble, pour installer et tester une apk ou comme moi pour débuguer un site web. Pour le deuxième point, tu peux débuguer ton application web / ton site depuis ton appareil Android en utilisant ton navigateur Chrome sur ton PC.

D'ailleurs ce point fonctionne avec l'émulateur mais aussi avec un vrai appareil physique, ton smartphone Android par exemple.

Pour faire ça:

Ouvre Chrome et la page

chrome://inspect/#devices

ton appareil avec la liste des onglets ouverts dans Chrome devrait apparaître

Google Chrome inspect devices

Tu peux ensuite inspecter les éléments de vos pages, analyser le réseau, mettre des points d’arrêt sur les scripts JavaScript, etc.

Google Chrome remote Devtools

voilà j’espère que ce petit tuto te servira.
en attendant je te dis à bientôt pour de prochaine aventures !!

Partagez l'article:
Quitter la version mobile