0

J'ai une fenêtre qui apparaît sur mon site lorsque la souris survole un objet. Une fois que cela se produit, je peux appuyer sur (Ctrl + Maj + C) dans Chrome et activer le mode de sélection d'élément et sélectionner n'importe quel élément dans la fenêtre contextuelle. Mais une fois que j'ai fait la sélection, la page Web passe au débit normal et la fenêtre contextuelle disparaît immédiatement puisque la souris n'est plus correctement positionnée.Comment inspecter le contenu dynamique dans les extensions de débogage du navigateur?

Est-il possible de surmonter cette situation en quelque sorte? Par exemple, sélectionnez l'élément, mais ne termine pas le mode de sélection?

+1

Je mets habituellement un point d'arrêt sur les événements de la souris dans devtools - > sources -> points d'arrêt de l'écouteur d'événement -> mouse. Il met le moteur js en pause afin que l'élément reste jusqu'à ce que je reprenne l'exécution. – wOxxOm

Répondre

0

Chrome et Firefox ont la capacité, dans leurs DevTools respectifs, de définir et de conserver des pseudo-classes comme hover, active et focus. Cela vous permet de travailler avec la page comme si la souris interagissait avec les éléments pour lesquels vous changez une pseudo-classe.

L'exemple suivant illustre la pseudo-classe de survol du lien Documentation dans la barre de navigation SO supérieure.

Voici à quoi il ressemble dans Chrome:

Toggle pseudo-class in Chrome

Voici à quoi il ressemble dans Firefox:

Toggle pseudo-class in Firefox