Omówienie karty Renderowanie

Sofia Emelianova
Sofia Emelianova

W tym omówieniu funkcji karty Renderowanie w Narzędziach deweloperskich znajdziesz kolekcję opcji wpływających na renderowanie treści internetowych.

Przegląd

Na karcie Renderowanie możesz:

  • Poznaj problemy z wydajnością renderowania Możliwość przemalowania miejscowego, przesunięcia układu, warstw i kafelków, problemów z przewijaniem, statystyk renderowania i podstawowych wskaźników internetowych.
  • Emuluj funkcje multimedialne CSS Przetestuj sposób renderowania stron za pomocą różnych funkcji multimedialnych CSS bez ich ręcznego określania w kodzie lub środowisku testowym.
  • Zastosuj inne przydatne efekty. Wyróżniaj ramki reklamy, emuluj ostrość na stronie, wyłączaj lokalne czcionki i formaty obrazów, włączaj automatyczny ciemny motyw i emuluj wady wzroku.

Otwórz kartę Renderowanie

Aby otworzyć kartę Renderowanie:

  1. Otwórz Narzędzia deweloperskie.

  2. Naciśnij Command + Shift + P (Mac) lub Control+Shift + P (Windows, Linux, ChromeOS), aby otworzyć menu poleceń.

    Menu poleceń, renderowanie

  3. Zacznij pisać rendering, wybierz Pokaż renderowanie i naciśnij Enter. Narzędzia deweloperskie wyświetlają kartę Renderowanie u dołu okna Narzędzi deweloperskich.

Możesz też otworzyć kartę Renderowanie na te sposoby:

  • Naciśnij Esc, aby otworzyć panel, i w lewym górnym rogu kliknij Więcej narzędzi Więcej > Renderowanie.
  • W prawym górnym rogu kliknij Więcej opcji Więcej > Więcej narzędzi > Renderowanie.