Android : Débuguez vos sites mobiles à distance grâce à Chrome pour Android
Parallèlement à la sortie de Chrome pour Android, Google nous fait un joli cadeau avec des outils de développement spécialement conçus pour débugger les sites mobiles via Chrome.
Le principe est assez innovant (c’est la première fois que je vois un tel système) :
- Téléchargez et installez le SDK Android 4.0
- Branchez votre appareil à votre ordinateur via un câble USB
- Ouvrez votre site mobile dans Chrome sur votre téléphone ou tablette Android
- Activez le mode de debugage USB de Chrome pour Android (Menu > Paramètres > Outils de développement > Activer le débogage USB pour le Web)
- Sur votre ordinateur, ouvrez http://localhost:9222, pour afficher la liste des onglets ouverts sur votre téléphone, et sélectionnez le site que vous voulez débuguer
- Un nouvel onglet s’ouvre alors sur votre ordinateur, avec les outils de développement liés au site ouvert sur votre téléphone
Vous pouvez alors jouer avec les CSS, ajouter des points d’arrêt JavaScript, et éditer le code HTML depuis votre ordinateur, et voir les effets sur votre téléphone. Voici une vidéo présentant l’outil :
wow, c’est cool comment ca. c’est tres prstique quand on developper un page mobile
Faut-il que le device soit en 4.0 ?
Oui, Chrome pour Android n’est disponible que sur les mobiles tournant sur la version 4
Le même principe existe déjà sur Opera Dragonfly ou l’on peut se connecter sur un terminal mobile. L’article est très utile. Merci encore.