Bonjour, Kayce est de retour pour vous présenter les nouveautés de DevTools depuis le mois dernier.
Nouvelles fonctionnalités de la console
Dans Chrome 56, qui est actuellement en version Canary, la console DevTools est optimisée par CodeMirror. Cela permet de bénéficier de nombreuses nouvelles fonctionnalités, comme:
Coloration syntaxique à mesure que vous saisissez du texte Auparavant, DevTools ne pouvait mettre en surbrillance la syntaxe qu'après l'évaluation d'un bloc de code.
Mise en surbrillance des parenthèses, crochets et accolades correspondantes Si vous avez une parenthèse, une accolade ou une crochet supplémentaire, DevTools les met en surbrillance en rouge.
Les parenthèses, crochets ou accolades correspondants sont mis en surbrillance en gris lorsque le curseur se trouve à côté de l'un d'eux.
Renvoi intelligent Lorsque vous saisissez un bloc de code multiligne, DevTools sait désormais s'il doit créer une nouvelle ligne ou exécuter votre code chaque fois que vous appuyez sur Entrée. Par exemple, supposons que vous souhaitiez évaluer la boucle for suivante dans la console:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Auparavant, appuyer sur Entrée après avoir saisi la première ligne entraînait l'évaluation de la ligne par DevTools, ce qui provoquait une erreur. Pour continuer le bloc de code sur une nouvelle ligne, vous auriez dû appuyer de manière prolongée sur Maj avant d'appuyer sur Entrée. À l'inverse, DevTools continue désormais automatiquement le bloc de code sur une nouvelle ligne après que vous avez appuyé sur Entrée, comme vous vous y attendez.
Plusieurs curseurs Appuyez de manière prolongée sur Commande (Mac) ou Ctrl+Alt (Windows, Linux), puis cliquez.
Canary met désormais en surbrillance en rouge les contextes autres que les principaux.
Si vous avez récemment travaillé dans la console, vous avez peut-être été victime d'un petit bug qui définissait le sélecteur de contexte d'exécution sur des valeurs autres que top.
Ce bug devrait maintenant être corrigé dans la version stable, mais, par mesure de précaution, les outils de développement de Canary (Chrome 56) vous avertissent désormais que vous n'êtes pas dans le contexte top en mettant en surbrillance le sélecteur en rouge.
Nouveau user-agent: UC Browser
Vous pouvez désormais sélectionner UC Browser pour iOS, Android ou Windows Phone dans l'onglet du panneau Conditions réseau.
Le partage est toujours enrichissant
Comme toujours, vos commentaires ou suggestions sur tout ce qui concerne les outils de développement nous intéressent.
- Contactez-nous sur Twitter à l'adresse ChromeDevTools pour nous poser des questions ou nous faire part de vos commentaires, ou pour nous faire part de vos idées.
- Pour des discussions plus longues, la liste de diffusion ou Stack Overflow sont les meilleures options.
- Pour toute question concernant la documentation, ouvrez un problème dans notre dépôt de documentation.
- Vous pouvez toujours contacter directement l'équipe pour signaler un bug ou demander une fonctionnalité sur Crbug.
À bientôt,
Kayce