Guida CSS Debugger - Script per il debug del codice CSS by Biuni

Stato
Discussione chiusa ad ulteriori risposte.

Biuni

Utente Gold
16 Dicembre 2014
304
59
160
343
cssdebugger2.PNG

LIVE DEMO
[ Documentazione completa su Github : CSS Debugger ]​

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.
 
Stato
Discussione chiusa ad ulteriori risposte.