Astuces DevTools: accélérer votre workflow grâce aux raccourcis de la console
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
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.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2022/08/25 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2022/08/25 (UTC)."],[],[]]
