Astuces pour les outils de développement: extraits et expressions actives

Sofia Emelianova
Sofia Emelianova
GitHub

Utilisez les extraits de code dans DevTools pour exécuter le code que vous utilisez fréquemment et l'expression en direct pour surveiller les valeurs JavaScript en temps réel.

Regardez la vidéo pour découvrir comment:

  • Créez un extrait ou ouvrez le volet Extraits:

  • Exécutez votre nouvel extrait:

    • Avec le raccourci Commande / Ctrl + Entrée dans Sources
    • Dans le menu Command (Commande) à l'aide de !.

  • Transmettez des valeurs à votre extrait:

    1. Mettez-le en pause à l'aide d'un point d'arrêt.
    2. Définissez les valeurs dans le volet Sources > Champ d'application.
    3. Reprendre l'exécution.

  • Exécutez des extraits à partir de la console: chargez-les en tant que fonctions globales et exécutez-les une fois.

  • Utilisez l'API Console Utilities dans vos extraits.

  • Utilisez Console > Expressions en direct:

    • Pour exécuter un code que vous souhaitez exécuter de manière répétée, par exemple lors d'une session de débogage.
    • Observez comment les valeurs changent en temps réel pendant l'exécution.

Pour en savoir plus, consultez les sections suivantes :