La navigation web sur mobile s'est relativement améliorée au fil des années, mais elle reste tout de même très différente de celle sur ordinateur, et beaucoup moins évoluée.
Grâce au "Remote Debugging" présent sur le navigateur web mobile "Google Chrome" sur Android, nous pouvons effectuer des tâches qui étaient réservées aux ordinateurs... sur mobile (DevTools).
Tout d'abord, il est impératif d'installer les drivers USB correspondant à votre mobile ou à la marque de celui-ci,
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
.Voir la pièce jointe 14086
Vous allez devoir activer – dans les options développeurs – “Débogage USB”.
(Mode débogage lorsqu'un câble USB est connecté.)
Les options développeurs sont disponibles dans les paramètres pour la plupart des appareils, néanmoins il y a quelques exceptions.
Vous n'avez pas accès aux options développeurs ?
Voir la pièce jointe 14088
Pour faire apparaître ces options il faut se rendre dans "A propos du téléphone" et cliquer 5 fois consécutives sur « Numéro de build ».
Voir la pièce jointe 14090
Voir la pièce jointe 14087
Voir la pièce jointe 14089
Félicitations, vous avez débloqué les options développeurs.
Une fois les drivers adéquats installés, branchez le téléphone à l'ordinateur, autorisez bien évidemment ce dernier à utiliser le débogage USB.
Ouvrez le navigateur sur mobile et allez sur le navigateur de l'ordinateur simultanément, et ouvrez un nouvel onglet puis mettez "chrome://inspect/" dans la barre d'adresse ou allez dans "Menu" > "Outils" > "Inspecter les appareils".
N'oubliez pas de cocher la case "Discover USB devices" si celle-ci ne l'ai pas déjà. Si tout fonctionne correctement, vous devriez voir votre mobile d'affiché.
Si la détection n'a pas eu lieue
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
(kit de développement - méthode "Legacy Workflow"), lancez l'executable "adb.exe" disponible dans l'arborescence suivante : "sdk" > "platform-tools".Vous me connaissez maintenant je pense, ma politique est qu'on apprend beaucoup mieux en visionnant une vidéo qu'en lisant un texte, donc voici un exemple d’exécution :
Vous devez être inscrit pour voir les médias
En bas à droite se trouve l'écran de mon téléphone que j'ai filmé.Ce n'est pas tout ! Vous pouvez donc utiliser le célèbre outils de développement mais également gérer vos onglets via l'ordinateur : ouvrir un nouvel onglet, fermer un onglet, rafraîchir un onglet, etc...
Et le top du top, vous pouvez voir en live screencasting le résultat sur votre mobile sans le regarder.
Voici le résultat de la page que j'ai édité dans ma vidéo... mais vue depuis le navigateur de l'ordinateur et non depuis l'écran de mon mobile.
Pour illustrer de manière professionnelle ce tutoriel, visionnons une petite vidéo issue des développeurs de Google.
Vous devez être inscrit pour voir les médias
A noter que depuis la version 4.4 (KitKat) d'Android, les applications qui utilisent une instance Google Chrome afin d'accéder au web peuvent également être éligibles à l'utilisation des outils de développement, exemple avec la PlayStation App :
Voilà, vous avez appris quelque chose ?
Ne fonctionne que sur Android.