Sofia Emelianova
Poznaj zbiór opcji, które wpływają na renderowanie zawartości internetowej, dzięki przeglądowi funkcji karty Renderowanie w Narzędziach deweloperskich.
Omówienie
Na karcie Renderowanie możesz:
- Wykrywaj problemy z wydajnością podczas renderowania. odświeżanie fragmentów, zmiany układu, warstwy i płytki, problemy ze s滚wolaniem, statystyki renderowania i podstawowe wskaźniki internetowe.
- Emuluj funkcje multimedialne CSS. Testuj renderowanie stron z różnymi funkcjami multimediów CSS bez ręcznego ich określania w kodzie lub środowisku testowym.
- Stosowanie innych przydatnych efektów Podświetlanie ramek reklamy, emulowanie skupienia na stronie, wyłączanie lokalnych czcionek i formatów obrazów, włączanie automatycznego ciemnego motywu oraz emulowanie niedoborów wzroku.
Otwórz kartę Renderowanie.
Aby otworzyć kartę Renderowanie:
Naciśnij Command + Shift + P (Mac) lub Control + Shift + P (Windows, Linux, ChromeOS), aby otworzyć menu poleceń.
Zacznij wpisywać
rendering, wybierz Pokaż renderowanie i naciśnij Enter. Na dole okna DevTools wyświetla się karta Wyświetlanie.
Możesz też otworzyć kartę Renderowanie w jeden z tych sposobów:
- Naciśnij Esc, aby otworzyć panel boczny, a potem w lewym górnym rogu kliknij Więcej narzędzi
> Renderowanie. - W prawym górnym rogu kliknij Więcej opcji
> Więcej narzędzi > Renderowanie.