Wskazówki dotyczące narzędzi dla programistów: identyfikowanie ulepszeń CSS
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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 ulepszenia kodu CSS.
Więcej informacji o problemach z kontrastem znajdziesz w artykule Zwiększanie czytelności witryny.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2022-11-23 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2022-11-23 UTC."],[],[],null,[]]
