Bonjour Kayce, et voici un récapitulatif des nouveautés concernant les outils de développement depuis le mois dernier.
Nouvelles fonctionnalités de la console
Dans Chrome 56, actuellement disponible dans Canary, la console des outils de développement est basée sur CodeMirror. Cela permet d'activer tout un tas de nouvelles fonctionnalités, telles que:
Mise en surbrillance de la syntaxe lors de la saisie. Auparavant, les outils de développement ne pouvaient mettre en surbrillance la syntaxe qu'après l'évaluation d'un bloc de code.
Mise en surbrillance des parenthèses / crochets / accolades. Si vous avez une parenthèse, un crochet ou une accolade supplémentaire, les outils de développement le surlissent en rouge.
Les parenthèses, les crochets ou les accolades correspondants sont surlignés en gris lorsque votre curseur se trouve à côté de l'une d'entre elles.
Retour intelligent : Lorsque vous saisissez un bloc de code multiligne, les outils de développement savent désormais s'il faut 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, si vous cliquiez sur Entrée après avoir saisi la première ligne, les outils de développement évaluaient la ligne, ce qui entraînait une erreur. Pour poursuivre le bloc de code sur une nouvelle ligne, vous auriez dû maintenir la touche Maj enfoncée avant d'appuyer sur Entrée. Désormais, les outils de développement continuent automatiquement de poursuivre automatiquement le bloc de code sur une nouvelle ligne après que vous avez appuyé sur Entrée, comme prévu.
Plusieurs curseurs : Maintenez les touches Commande (Mac) ou Ctrl+Alt (Windows, Linux) enfoncées, puis cliquez.
Canary met désormais en évidence les contextes non principaux en rouge
Si vous avez travaillé dans la console dernièrement, vous avez peut-être été mordu par un petit bug qui consistait à définir 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 sécurité, les outils de développement de Canary (Chrome 56) vous avertissent désormais que vous n'êtes pas dans le contexte top en surlignant le sélecteur en rouge.
Nouvel user-agent: UC Browser
Vous pouvez maintenant sélectionner UC Browser pour iOS, Android ou Windows Phone dans l'onglet du panneau Conditions du réseau.
Partager, c'est gentil
Comme toujours, nous aimerions connaître votre avis ou vos idées sur les outils de développement.
- Pinguez-nous à l'adresse ChromeDevTools sur Twitter pour nous faire part de vos questions ou de vos commentaires, ou pour nous faire part de vos nouvelles idées.
- Pour les discussions plus longues, nous vous conseillons d'utiliser la liste de diffusion ou Stack Overflow.
- Pour tout problème lié aux documents, signalez un problème dans notre dépôt Docs.
- Vous pouvez toujours contacter directement l'équipe pour signaler un bug ou demander une fonctionnalité sur Crbug.
À bientôt,
Kayce