Récapitulatif sur les outils de développement, août 2016

Bonjour, je suis Kayce, rédacteur technique pour les outils de développement. Je vais vous parler des derniers événements sur le marché des outils de développement.

Le panneau "Ressources" est désormais le panneau "Application"

Le panneau "Ressources" n'existe plus depuis Chrome 52 ! Il a été renommé "Application". Toutes les anciennes fonctionnalités du panneau "Ressources" sont toujours disponibles, et de nombreuses nouvelles sont disponibles pour vous aider à déboguer les progressive web apps. À présent, vous pouvez vous aussi découvrir les joies du débogage du cycle de vie des service workers et des problèmes de temps de cache.

Pour en savoir plus sur les nouvelles fonctionnalités, consultez notre nouveau guide, rédigé par vos soins: Déboguer les progressive web apps.

ChromeLens

Objectif Chrome.

ChromeLens est une excellente nouvelle extension qui vous aide à rendre votre site Web plus accessible aux personnes malvoyantes.

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 Chrome 54. Si vous utilisez Chrome 54 ou une version ultérieure, les lecteurs de demain ont accès à ces fonctionnalités.

Le sélecteur de couleur se trouve dans le panneau "Sources".

Sélecteur de couleur pour le panneau des sources

Effectuez un clic droit sur le volet "Resources" (Ressources) du panneau "Network" (Réseau) et copiez une chaîne de requêtes cURL pour télécharger toutes vos ressources.

Tout copier en tant que curl.

Vous pouvez désactiver JavaScript à partir du menu "Commandes". Auparavant, cette fonction n'était disponible que dans les paramètres.

Désactiver JavaScript

console.warn() inclut désormais une trace de la pile.

console.warn().

Cette dernière fonctionnalité existe depuis quelques mois, mais elle mérite une autre mention. Créez un enregistrement de chronologie avec l'option de profil JS activée. Vous pourrez voir une répartition des temps d'exécution fonction par fonction dans le panneau "Sources".

Temps d'exécution des fonctions dans le panneau des sources.

Nouvelles idées de la communauté

Voici quelques nouvelles idées proposées par la communauté qui seront peut-être disponibles dans les outils de développement à proximité.

  • @matthewcp : accélérez le débogage des fuites de mémoire en affichant une simple liste d'objets en pleine croissance.
  • @jonathanbingram: augmentez ou diminuez les valeurs font-weight à l'aide des raccourcis clavier d'incrémentation ou de diminution.
  • @_bl4de: modifiez les cookies. Il s'agit d'une demande de longue date, mais merci de nous avoir remontés le problème. La rumeur dit que @kdzwinel prépare des relations publiques.
  • @kienzle_s : permet d'ajouter des filtres OU au filtre du panneau "Réseau".

Vous avez une nouvelle idée ? Nous serions ravis de connaître votre avis. Pinguez-nous sur Twitter à l'adresse @ChromeDevTools et tenez-nous informés.

En attendant, si des documents doivent être corrigés ou des fonctionnalités qui nécessitent des explications, n'hésitez pas à signaler un problème dans le dépôt Docs.

À très bientôt !