Suggerimenti per DevTools: identificare i miglioramenti CSS
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
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.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2022-11-23 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2022-11-23 UTC."],[],[],null,[]]
