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

Sofia Emelianova

L'API Console Utilities vous permet d'accélérer votre workflow de débogage en fournissant divers raccourcis.

Avec l'API Console Utilities, vous pouvez:

• Arrêtez de saisir des commandes longues comme document.querySelector() et utilisez plutôt des raccourcis $ de style jQuery pour spécifier des éléments.
• Reportez-vous aux cinq derniers éléments DOM que vous avez sélectionnés dans le panneau Éléments.
• Faites référence rapidement aux éléments par leur XPath, que vous pouvez copier dans le panneau Element (Élément).
• Interrogez les objets par leurs constructeurs.
• Listez uniquement les clés ou les valeurs des objets.
• Copier les représentations de chaîne des objets dans le presse-papiers.
• Obtenez des écouteurs d'événements.
• Surveillez les événements et les appels de fonction.

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