Découvrez la nouvelle interface utilisateur Inspect Devices (Inspecter les appareils), basculez facilement les classes 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 les utilisateurs Canary. Il s'avère que j'ai raté quelques actualités en décembre. (Je me suis un peu préoccupé de ma fille qui vient de naître.) Les voici, avec quelques nouveautés très récentes.
Nouvelle boîte de dialogue "Inspect Devices" (Inspecter les appareils)
La documentation sur le débogage à distance (actuellement obsolète) des outils de développement est notre guide le plus populaire depuis de nombreuses années. Cela ne peut signifier qu'une chose: personne ne sait comment l'utiliser.
Nous avons donc revu l'UX. Au lieu d'avoir à ouvrir une page totalement différente ("chrome://inspect"), la fonctionnalité d'inspection des appareils est désormais intégrée de manière pratique aux outils de développement, 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/désactiver rapidement une classe sur un élément pour en afficher un aperçu avec ou sans les styles associés. Nous avons également ajouté une entrée pour 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é du monde des outils pour les développeurs Chrome: je vous présente le projet pilote des outils pour les développeurs ce soir:
Dans cette nouvelle série, qui sera publiée toutes les deux semaines, je me concentrerai sur les fonctionnalités plus importantes que nous proposerons dans la version stable de Chrome (au lieu de Canary), et nous examinerons chacune d'elles un peu plus en détail. N'oubliez pas de vous abonner à la chaîne Chrome Developers pour recevoir une notification lorsque la première place sera disponible. N'hésitez pas à me dire ce que vous en pensez dans les commentaires YouTube.
Le meilleur du reste
- Nous avons ajouté un paramètre permettant d'ouvrir automatiquement les outils de développement pour les pop-ups (nouvelles fenêtres). Lorsque cette option est activée, une nouvelle instance des outils de développement s'ouvre automatiquement dans toute nouvelle fenêtre créée.
- La barre d'action en haut du panneau "Style" est désormais fixe. Vous pouvez donc y accéder même en faisant défiler la page vers le bas pour modifier d'autres styles.
- À présent, nous effectuons un zoom automatique dans la chronologie sur ce qui, selon nous, est réellement pertinent pour votre session de débogage des performances.
- La limitation du réseau est désormais compatible avec l'importation et le téléchargement. Vous pouvez ainsi tester des éléments tels que l'importation de fichiers avec une connexion 3G.
- Nous avons remanié l'info-bulle "Inspecter" qui superpose l'élément inspecté. Elle est désormais sombre et brillante, et ajoute un contraste plus élevé.
Comme toujours, n'hésitez pas à nous donner votre avis via Twitter ou les commentaires ci-dessous, et signalez vos bugs à l'adresse crbug.com/new.
Jusqu'au mois prochain !
Paul Bakaus et l'équipe DevTools