CSSDebugger
Semplice codice Javascript per il debug del codice CSS.
Creato da Biuni.it
Copia lo script CSS Debugger nella Console del Browser e clicca Invio. Un altro metodo è quello di aggiungere il file cssdebugger.min.js o cssdebugger.js direttamente nel tuo sito web.
Come si usa
1) Apri la Console del Browser. Copia il codice Javascript di CSSDebugger e incollalo nella console. Premi invio. Ora tutti gli elementi sono delineati con un outline di un colore casuale. Questo ti aiuterà a capire le dimensioni e la posizione nella pagina di tutti gli elementi che danno problemi.
2) Aggiungere il codice Javascript tramite i tag <script></script> direttamente nella pagina (Infondo alla pagina appena prima del tag </body>).
IMPORTANTE : Non è richiesto l'uso di jQuery o di altre librerie.