Panel Przegląd CSS w DevTools pozwala szybko znaleźć potencjalne ulepszenia CSS na stronie.
Aby uzyskać raport, otwórz DevTools > > 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.