Chrome devtools: inspecter l'élément sur un élément visible uniquement si le parent a la souris sur

Je ne trouve pas d'élément dans le DOM avec devtools.Chrome devtools: inspecter l'élément sur un élément visible uniquement si le parent a la souris sur

L'élément n'apparaît que si je souris sur son parent. Dans le code, sur la souris, avec javascript, beaucoup de classes sont ajoutées à différents éléments et seulement alors mon élément enfant apparaît. (Il n'y a pas d'événement de survol, seulement avec la souris avec js)

Parce qu'il y a tellement de classes, je ne peux pas les ajouter manuellement. Comment puis-je inspecter et déboguer des éléments dans ce contexte? Chrome fournit-il de l'aide?

Merci!

Source

2017-10-20 Claudiu Creanga

Veuillez fournir du code, afin que nous puissions voir le problème. Si vous avez besoin d'un certain élément à survoler, vous pouvez déclencher l'événement dans la console (la souris doit être en dehors de la fenêtre pour ne pas modifier l'état de l'événement par la suite). – zoku

@zoku Ce n'est pas le pointeur, c'est la souris avec javascript. –

L'élément est-il supprimé lorsque vous le sortez de la souris? –

Oui le Chrome devtools a l'outil de manipulation élément hover/mouse over voir l'image:

Source

2017-10-20 10:41:48 M0ns1f

merci, mais ce n'est que survoler, pas la souris sur. Pour moi, cela ne fonctionne pas sur la souris sur l'événement javascript –

Si votre événement est fixé comme ceci: document.getElementById('idOfYourElement').addEventListener('mouseover', function(){ console.log('hover'); }),

vous pouvez déclencher des événements par programmation comme ceci: document.getElementById('idOfYourElement').dispatchEvent(new Event('mouseover')).

Si votre souris est en dehors de la fenêtre d'affichage, elle doit rester dans cet état et vous pouvez déboguer dans dev-tools.

Source

2017-10-20 11:32:47 zoku

Chrome devtools: inspecter l'élément sur un élément visible uniquement si le parent a la souris sur

Répondre

Questions connexes