Supposons que vous testiez l'accessibilité d'une page pour la navigation au clavier. Lorsque vous naviguez sur la page à l'aide de la touche Tabulation, l'anneau de sélection disparaît parfois, car l'élément sélectionné est masqué. Pour suivre l'élément sélectionné dans les outils de développement:
- Ouvrez la console.
Cliquez sur Créer une expression active
.
Pour en savoir plus, consultez la section Surveiller les valeurs JavaScript en temps réel avec les expressions dynamiques.
Tapez
document.activeElement.Cliquez en dehors de l'interface utilisateur Live Expression (Expression instantanée) pour enregistrer.
La valeur affichée en dessous de document.activeElement est le résultat de l'expression. Étant donné que cette expression représente toujours l'élément ciblé, vous pouvez désormais effectuer le suivi de l'élément sélectionné.
- Pointez sur le résultat pour mettre en surbrillance l'élément sélectionné dans la fenêtre d'affichage.
- Effectuez un clic droit sur le résultat, puis sélectionnez Afficher dans le panneau "Elements" pour afficher l'élément dans l'arborescence DOM du panneau Éléments.
- Effectuez un clic droit sur le résultat et sélectionnez Stocker en tant que variable globale pour créer une référence de variable au nœud que vous pourrez utiliser dans la console.