Astuces DevTools: accélérer votre workflow grâce aux raccourcis de la console

Sofia Emelianova
Sofia Emelianova

L'API Console Utilities vous permet d'accélérer votre workflow de débogage grâce à divers raccourcis.

Avec l'API Console Utilities, vous pouvez:

  • Arrêtez de saisir des commandes longues comme document.querySelector() et spécifiez des éléments à l'aide de raccourcis $ de style jQuery.
  • Faites référence aux cinq derniers éléments DOM que vous avez sélectionnés dans le panneau Éléments.
  • Faites rapidement référence aux éléments par leur chemin XPath, que vous pouvez copier dans le panneau Élément.
  • Interrogez les objets par leurs constructeurs.
  • Lister uniquement les clés ou les valeurs des objets
  • Copier les représentations sous forme de chaînes des objets dans le presse-papiers.
  • Permet d'obtenir des écouteurs d'événements.
  • Surveillez les événements et les appels de fonction.

Pour obtenir la liste complète des raccourcis de l'API Console Utilities, consultez la documentation de référence de l'API Console Utilities.