Il riquadro Panoramica CSS in DevTools ti consente di trovare rapidamente potenziali miglioramenti CSS nella tua pagina.
Per generare un report, apri Strumenti per sviluppatori > > Altri strumenti > Panoramica CSS e fai clic su Panoramica acquisisci.
Il report mostra diverse sezioni:
- Un riepilogo con statistiche su stili, selettori e query sui media.
- Un'analisi dettagliata dei colori utilizzati, inclusi i problemi di contrasto, i problemi più comuni sul web.
- Un'analisi dettagliata dei caratteri utilizzati con statistiche su dimensioni, spessore e interlinea.
- Dichiarazioni CSS inutilizzate.
- Statistiche sulle query multimediali ordinate in ordine decrescente in base al numero di occorrenze.
Per un'esperienza di apprendimento più pratica, consulta Panoramica del CSS: identifica potenziali miglioramenti al CSS.
Per scoprire di più sui problemi di contrasto, consulta Rendere il sito web più leggibile.