Récapitulatif des outils de développement

Piles d'appels asynchrones

Les traces de pile peuvent désormais être associées à la source asynchrone d'un événement. Il est compatible avec les minuteurs, les frames d'animation, les requêtes XHR, les écouteurs d'événements et plus encore. Nous publierons bientôt un récapitulatif complet des piles d'appels asynchrones sur HTML5 Rocks. (N'oubliez pas de cocher la case "Activer la prise en charge des traces de pile asynchrones" dans les tests des outils de développement.) [crbug.com/272416]

Pile d'appel asynchrone.

getEventListeners(window)

Lorsque vous affichez le DOM d'une page, il n'est pas toujours évident de savoir quels éléments sont associés à des écouteurs d'événements JavaScript, le cas échéant. Tous les écouteurs d'événements enregistrés sur l'objet window (ou sur tout nœud DOM correspondant) peuvent désormais être récupérés via getEventListeners dans le panneau de la console au sein de l'API de ligne de commande. [crbug.com/336472].

Le panneau "Sources" introduit le concept d'emplacement de modification, qui correspond essentiellement à des positions de curseur dans l'éditeur de code. Alt- vous permet d'accéder aux emplacements de modification précédents (l'extrait de code auquel vous étiez précédemment) et Alt+ continue. [crbug.com/281507].

Les valeurs des suggestions automatiques d'ombre de la case ont été mises à jour

Les valeurs des suggestions automatiques pour la propriété CSS box-shadow ont été mises à jour pour inclure le mot clé none. [crbug.com/332355].

Box-shadow (aucune)

Accéder à un numéro de ligne et à une colonne spécifiques

Accédez à un numéro de ligne dans une colonne spécifique à l'aide de :line:column dans la boîte de dialogue "Rechercher par nom de fichier" (Ctrl + O ou Cmd + O) du panneau "Sources". [crbug.com/337909].

Redimensionnement plus facile grâce à la poignée de la barre d'outils

Tout espace vide dans la barre d'outils principale des outils de développement fait désormais office de poignée de redimensionnement valide. [crbug.com/304730]

Bars réseau adaptés à la rétine

Les barres réseau initialement formées à partir d'images ont été créées en CSS, ce qui les rend indépendantes de la résolution et compatibles avec Retina. [crbug.com/330659].

Réduire le bruit dans la console

Les arguments inconnus transmis à la balise meta fenêtre d'affichage ne s'affichent plus comme des erreurs dans la console, mais plutôt comme des avertissements. Vous n'aurez donc plus besoin de passer au crible. [crbug.com/332794]

Supprimer la roue dentée de la mise en forme des couleurs

L'icône en forme de roue dentée du volet "Styles" permettant de parcourir les formats de couleur a été supprimée, mais vous pouvez toujours modifier cette préférence dans les paramètres des outils de développement. [crbug.com/333840]

Onglet persistant de la console

L'onglet de la console dans le panneau mémorise désormais correctement son état après une actualisation. [crbug.com/328551].

Amélioration de l'explication sur le dimensionnement automatique du texte

Un lien vers la documentation sur l'émulation mobile a été ajouté dans les outils de développement pour expliquer plus en détail l'émulation et le dimensionnement automatique du texte. Une info-bulle s'affiche également à côté de la case à cocher permettant de redimensionner automatiquement le texte. [crbug.com/319092].

Info-bulle sur le dimensionnement automatique du texte

Adresse IP distante

Vous pouvez maintenant afficher l'adresse IP d'un hôte dans la vue des ressources du panneau "Réseau". [crbug.com/255602].

Adresse IP distante

Merci de votre attention. Vous pouvez essayer ces fonctionnalités dans Canary. D'autres fonctionnalités mentionnées dans l'édition de décembre sont également disponibles dans la version stable de Chrome.