Le drawer sur Chrome developer

Actualisé le 6 mai 2014 - ,

Il y a quelques mois, l’outil de développement de chrome a subit une petite refonte, avec notamment l’ajout du drawer. Certaines fonctionnalités y ont été replacées et d’autres ajoutées.

Activer le drawer (tiroir) sur Chrome

chrome-drawer

Pour afficher le drawer il suffit de cliquer sur l’icone (show drawer) en haut à droite du panel developer.
Ce second panel de fonctionnalités vous permet d’accéder à des fonctionnalités avancées qui peuvent vous faire gagner beaucoup de temps de débogage, mais également de faire vos premiers tests en responsive, interactions, performances.

En quelques lignes vous aurez :

  • la recherche, super utile par exemple pour appréhender un nouveau projet et le déboguer, vous pourrez rechercher un terme dans toutes les ressources chargées sur la page
  • l’émulation du touch + user agent pour tester dans une première étape le responsive, les interactions avec des librairies comme JqTouch..
  • l’émulation de l’accéléromètre et de la géolocalisation pour tester des fonctionnalités spécifiques
  • l’affichage des FPS pour vérifier la fluidité d’applications JS ou d’animations poussées

Il y a bien sur tout un tas d’autres fonctionnalités sur l’outil de développement de chrome, j’essayerais d’en présenter d’autres.

Commentaires

Laisser un commentaire