Korzystając z panelu Przegląd usługi porównywania cen, możesz lepiej poznać kod CSS swojej strony i określić potencjalne ulepszenia.
Otwórz panel Przegląd CSS
- Otwórz dowolną stronę internetową, np. tę stronę.
- Otwórz Narzędzia deweloperskie.
Wybierz Dostosowywanie i kontrolowanie Narzędzi deweloperskich > Więcej narzędzi > Przegląd CSS.
Możesz też skorzystać z menu poleceń, by otworzyć panel Przegląd usług porównywania cen.
Wygeneruj i ponownie wygeneruj raport Przegląd usług porównywania cen
Kliknij przycisk Przechwyć przegląd, aby wygenerować raport Przegląd usług porównywania cen dla swojej strony.
Aby ponownie wygenerować Przegląd CSS, kliknij ikonę Wyczyść przegląd i powtórz pierwszy krok.
Omówienie raportu Przegląd usług porównywania cen
Składa się on z 5 sekcji:
- Podsumowanie Ogółem. Ogólne podsumowanie CSS Twojej strony.
Kolory. Wszystkie kolory na stronie. Kolory są pogrupowane według typów, takich jak kolory tła, kolory tekstu itp. W tych sekcjach znajdują się również teksty, które wykazują problemy z niskim kontrastem.
Każdy kolor można kliknąć. Załóżmy na przykład, że kolor obramowania
#DADCE0
nie pasuje do schematu kolorów witryny. Aby uzyskać listę elementów, które używają tego koloru, kliknij go.Aby wyróżnić element na stronie, najedź na niego kursorem.
Aby otworzyć element w panelu Elementy, kliknij go na liście.
Informacje o czcionce. Wszystkie czcionki na stronie i ich wystąpienia, pogrupowane według różnych rozmiarów, grubości i wysokości wiersza. Podobnie jak w sekcji Kolory, kliknij listę elementów, których dotyczy problem.
Nieużywane deklaracje. Wszystkie style, które nie mają żadnego efektu, pogrupowane według powodu.
Na przykład 2 deklaracje powyżej są nieużywane, ponieważ zawartość określa wysokość i szerokość elementu wbudowanego. Aby wyświetlić odpowiednie elementy, kliknij wystąpienia.
Zapytania o multimedia. Wszystkie zapytania o media zdefiniowane na stronie, posortowane według liczby wystąpień w kolejności malejącej. Aby wyświetlić listę elementów, których dotyczy problem, kliknij ich wystąpienia.