You must be registered for see images attach
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).
You must be registered for see images attach
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.
.
You must be registered for see images attach
Vous allez devoir activer – dans les options développeurs – “Débogage USB”.
(Mode débogage lorsqu'un câble USB est connecté.)
You must be registered for see images attach
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 ?
You must be registered for see images attach
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 ».
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
Félicitations, vous avez débloqué les options développeurs.
You must be registered for see images attach
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.
You must be registered for see images attach
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".
You must be registered for see images attach
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.
You must be registered for see images attach
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 :
You must be registered for see images attach
Voilà, vous avez appris quelque chose ?
Ne fonctionne que sur Android.