missmac.net

Mouseover DOM Inspector (MODI) è un utilissimo strumento per chi maneggia CSS e javascript.

Si tratta di un bookmarklet (in parole povere: un bookmark che contiene un javascript) che permette di analizzare il DOM di una pagina web passando il mouse sopra i vari elementi.

Ecco un esempio, in cui passando il mouse sull’input possiamo vederne gli attributi, le dimensioni, la posizione rispetto al viewport, e la struttura in cui è inserito:

Il tool è un’ottima aggiunta alle estensioni per Firefox per lo sviluppo web (come i Developer Tools o Aardvark), e a differenza di queste funziona anche con altri browser moderni (Mozilla, Netscape, IE6/Win (!) — ma non Safari, ahimè…).

Articolo pubblicato 4 anni, 11 mesi fa (lunedì, 26 settembre 2005 alle 19:20) nelle categorie: Web dev. Puoi seguire i commenti a questo articolo col feed RSS 2.0. Puoi inviare un commento, o un trackback dal tuo sito.