Tipps zu Entwicklertools: CSS-Verbesserungen identifizieren

Sofia Emelianova
Sofia Emelianova

Im Bereich CSS-Übersicht in den DevTools sehen Sie auf einen Blick mögliche CSS-Verbesserungen auf Ihrer Seite.

Wenn Sie einen Bericht abrufen möchten, öffnen Sie die DevTools > Mehr. > Weitere Tools > CSS-Übersicht und klicken Sie auf Übersicht erfassen.

Der Bericht enthält mehrere Abschnitte:

  • Eine Zusammenfassung mit Statistiken zu Stilen, Selektoren und Medienabfragen.
  • Eine Aufschlüsselung der verwendeten Farben, einschließlich Kontrastproblemen, den häufigsten Problemen im Web.
  • Eine Aufschlüsselung der verwendeten Schriftarten mit Statistiken zu Größe, Stärke und Zeilenhöhe.
  • Nicht verwendete CSS-Deklarationen
  • Statistiken zu Medienabfragen, sortiert nach Anzahl der Vorkommnisse in absteigender Reihenfolge.

Weitere Informationen finden Sie unter CSS-Übersicht: Potenzielle CSS-Verbesserungen erkennen.

Weitere Informationen zu Problemen mit dem Kontrast finden Sie unter Lesbarkeit Ihrer Website verbessern.