Wskazówki dotyczące narzędzi dla programistów: identyfikowanie ulepszeń CSS

Sofia Emelianova
Sofia Emelianova

Panel Przegląd CSS w DevTools pozwala szybko znaleźć potencjalne ulepszenia CSS na stronie.

Aby uzyskać raport, otwórz DevTools > Więcej. > Więcej narzędzi > Przegląd CSS i kliknij Przegląd.

Raport zawiera kilka sekcji:

  • Podsumowanie ze statystykami dotyczącymi stylów, selektorów i zapytań o multimedia.
  • Podział kolorów z uwzględnieniem problemów z kontrastem – najczęściej występujących problemów w internecie.
  • Wykaz użytych czcionek ze statystykami dotyczącymi rozmiaru, grubości i wysokości linii.
  • Nieużywane deklaracje CSS.
  • Statystyki dotyczące zapytań o multimedia posortowane według liczby wystąpień w kolejności malejącej.

Aby dowiedzieć się więcej, przeczytaj artykuł Omówienie CSS: znajdowanie możliwości poprawy kodu CSS.

Więcej informacji o problemach z kontrastem znajdziesz w artykule Zwiększanie czytelności witryny.