Découvrez la nouvelle interface utilisateur Inspect Devices (Inspecter les appareils), changez facilement de classe dans le panneau de style désormais corrigé et regardez le pilote des outils de développement Tonight.
Bienvenue dans la dernière édition du récapitulatif destiné à tous vos utilisateurs Canary ! Il s'avère que j'ai manqué quelques informations en décembre. (J'ai été un peu préoccupée par mon nouveau-né.) En voici quelques-unes toutes très récentes.
Nouvelle boîte de dialogue "Inspecter les appareils"
La documentation (actuellement obsolète) sur le débogage à distance pour les outils de développement est notre guide le plus populaire depuis de nombreuses années. Ce n'est qu'une seule chose: personne n'avait la moindre idée de son utilisation !
Nous avons donc repensé l'UX. Au lieu d'avoir à ouvrir une page complètement différente ("chrome://inspect"), toutes les fonctionnalités d'inspection des appareils sont désormais intégrées de façon pratique aux outils de développement eux-mêmes pour un accès rapide et moins de changements de contexte.
Boutons d'activation/de désactivation des classes dans le panneau "Style"
Il est désormais plus facile que jamais d'activer/de désactiver rapidement une classe pour un élément afin de prévisualiser son apparence avec ou sans les styles associés. Nous avons également ajouté une entrée permettant d'ajouter rapidement de nouvelles classes afin que vous n'ayez pas à modifier l'attribut. Cliquez sur le nouveau bouton .cls dans le panneau "Style" pour l'essayer.
Outils de développement ce soir
J'ai le plaisir de vous annoncer une nouvelle façon de suivre l'actualité des outils pour les développeurs Chrome: je vous présente le projet pilote DevTools Tonight:
Dans cette nouvelle série, qui sera publiée deux fois par semaine, je me concentrerai sur les fonctionnalités plus importantes qui seront disponibles dans la version stable de Chrome (plutôt que sur Canary). Nous examinerons chacune d'elles plus en détail. Abonnez-vous à la chaîne Chrome Developers pour être informé de la disponibilité de la version 1 de l'application et dites-moi ce que vous en pensez dans les commentaires YouTube !
Le meilleur des autres
- Nous avons ajouté un paramètre permettant d'ouvrir automatiquement les Outils de développement pour les fenêtres pop-up (nouvelles fenêtres). Lorsque cette option est activée, une nouvelle instance des outils de développement s'ouvre automatiquement avec la nouvelle fenêtre.
- La barre d'action située en haut du panneau "Style" est désormais fixe. Elle reste donc accessible à tout moment, même si vous faites défiler la page vers le bas pour modifier d'autres styles.
- Nous effectuons désormais un zoom automatique sur la chronologie sur ce qui nous semble pertinent pour votre session de débogage des performances.
- La limitation de bande passante réseau prend désormais en charge l'importation en plus du téléchargement, ce qui vous permet de tester des éléments tels que les importations de fichiers avec une connexion 3G.
- Nous avons remanié l'info-bulle "Inspecter" qui se superpose à l'élément inspecté. Il est maintenant sombre et brillant, et ajoute encore plus de contraste.
Comme toujours, donnez-nous votre avis sur Twitter ou dans les commentaires ci-dessous, et signalez les bugs sur crbug.com/new.
Nous vous attendons le mois prochain !
Paul Bakaus et l'équipe DevTools