Bonjour, je m'appelle Kayce, rédactrice technique pour DevTools. Je suis là pour vous parler des dernières nouveautés dans le monde de DevTools.
Le panneau "Ressources" est désormais le panneau "Application"
À partir de Chrome 52, le panneau "Ressources" n'est plus disponible. Il a été renommé "Panneau "Application". Toutes les anciennes fonctionnalités du panneau "Ressources" sont toujours disponibles, ainsi que de nombreuses nouvelles fonctionnalités pour vous aider à déboguer les applications Web progressives. Vous pouvez désormais également profiter des joies du débogage du cycle de vie du service worker et des problèmes de synchronisation du cache.
Pour en savoir plus sur les nouvelles fonctionnalités, consultez notre nouveau guide, écrit par moi-même: Déboguer les progressive web apps.
ChromeLens
ChromeLens est une excellente nouvelle extension qui vous aide à rendre votre site Web plus accessible aux personnes ayant une déficience visuelle.
P.S. : Rob Dodson vient de lancer une nouvelle série de vidéos sur l'accessibilité, a11ycasts.
Nouvelles fonctionnalités disponibles dans Canary
Canary est actuellement basé sur Chrome 54. Pour les lecteurs futurs, si vous utilisez Chrome 54 ou une version ultérieure, vous pouvez utiliser ces fonctionnalités.
Le sélecteur de couleur se trouve dans le panneau "Sources".
Effectuez un clic droit sur le volet "Ressources" du panneau "Réseau". Vous pouvez alors copier une chaîne de requêtes cURL pour télécharger toutes vos ressources.
Vous pouvez désactiver JavaScript à partir du menu "Command" (Commande). Cette option n'était auparavant disponible que dans les paramètres.
console.warn() inclut désormais une trace de pile.
Cette dernière fonctionnalité existe depuis quelques mois, mais nous tenons à la mentionner à nouveau. Créez un enregistrement de la chronologie avec l'option Profil JS activée. Vous pouvez alors consulter une répartition par fonction des temps d'exécution dans le panneau "Sources".
Nouvelles idées de la communauté
Voici quelques nouvelles idées de la communauté qui pourraient être intégrées à une future édition de DevTools Near You.
- @matthewcp : accélérez le débogage des fuites de mémoire en affichant une liste simple d'objets en croissance.
- @jonathanbingram: Augmentez / diminuez les valeurs
font-weightà l'aide des raccourcis clavier d'incrémentation / de diminution. - @_bl4de: Modification des cookies (demande ancienne, mais merci de l'avoir à nouveau soulevée). La rumeur veut que @kdzwinel ait une demande de publication en cours.
- @kienzle_s :Ajoutez des filtres OU au filtre du panneau "Réseau".
Vous avez une nouvelle idée ? Nous serions ravis de connaître votre avis. Contactez-nous sur Twitter à l'adresse @ChromeDevTools et dites-nous ce qui se passe.
Je profite de votre attention pour vous demander de signaler un problème dans le dépôt de documentation si des documents doivent être corrigés ou si des fonctionnalités doivent être expliquées.
À bientôt !