Le développeur François Beaufort a découvert au sein du nouveau Google Chrome (version beta) une nouvelle possibilité qui devrait vous faire plaisir si vous codez pour mobile.
Cette fonctionnalité de screencasting va permettre aux développeurs de modifier en live ce qu’ils voient sur leur tablette, directement depuis le navigateur de leur ordinateur et surtout, nouveauté, de visualiser la tablette ou le téléphone directement dans chrome. Cela va permettre à chacun de débugger encore plus facilement n’importe quel site web mobile ou responsive design.
Pour activer cette fonctionnalité, activez avant tout le debug USB sur votre mobile. Ensuite, connectez-le à votre ordinateur.
Lancez Chrome Beta sur l’ordi puis tapez dans la barre d’adresse :
chrome://flags/#enable-devtools-experiments
Et activez-le (il se met en jaune)
Puis :
chrome://flags/#remote-debugging-raw-usb
Ensuite, en tapant
chrome://inspect
Vous devriez voir votre appareil connecté. Rendez-vous alors sur le site de votre choix, affichez les dev tools (outils de développement) et cliquez sur le petit engrenage situé en bas à droite de la fenêtre. Dans la section « Expérimental » cochez alors la case « Activer le screencast » puis fermez la fenêtre. Cliquez ensuite sur l’icône Screencast qui devrait apparaitre juste à côté de l’icône « Inspecteur » en bas à gauche des dev tools.
Voir le commit