Un DOM inspector dans votre souris

Bonjour,

je viens de trouver un outil en javascript tres pratique car il permet de voir tous les éléments parents d'un élément sur lequel on passe la souris.

Il est disponible sur la page Mouseover DOM Inspector.

Pour l'utiliser c'est tres simple : ajoutez le lien "Mouseover DOM Inspector" (sur le site) à vos bookmarks, allez sur une page de test et charger le bookmark.

La page restera la même mais une "infobule" apparaitra à coté de votre pointeur et vous donnera diverse informations (type, taille et surtout parents dans le DOM)

Comble du bonheur, Ca marche avec gecko et Co, opéra et même ie!!!

Peut être qu'un jour se sera inclus dans la web dev toolbar???

@+

Alexandre CUCUMEL (Kiouk)

ah oué, merci, c'est super bonnard, ça !

Ça me rapelle la fonction "View Style Information" de la developper toobar, mais l'aspect temps-réel sur tous les détails en plus

Et c'est ultra efficace ! Merci !

Intéressant! Surtout pour tester IE/FF avec le même script.

F5 pour l'arrêter je dirais?

Un simple suffit.

A noter que Slayer Office, le site d'où est issu cette favelet est une source inépuisable concernant EcmaScript.

Parmis les favelets que j'utilise régulièrement il y à le Style Sheet Tweak qui affiche les propriétés CSS des éléments et le Color List qui affiche la liste en hexa des couleurs utilisés.

JP