Panel Warstwy: poznawaj warstwy witryny

Dale St. Marthe
Dale St. Marthe

Panel Warstwy pomaga zrozumieć kompozycję witryny i sposób renderowania treści przez przeglądarkę. Przeanalizuj diagram 3D swojej witryny, aby wykryć problemy z renderowaniem, naprawić błędy związane z przewijaniem i zoptymalizować animacje.

Omówienie

W panelu Warstwy możesz:

  • wyświetlać warstwy dokumentu.
  • Sprawdzanie warstw dokumentu.
  • Ustaw punkty przerwania zmian w DOM.
  • Wyświetl informacje programu Paint Profiler.
  • Identyfikowanie elementów, które spowalniają przewijanie.

Otwórz panel Warstwy

Aby otworzyć panel Warstwy:

  1. Otwórz Narzędzia deweloperskie.
  2. Otwórz menu Polecenia, naciskając:
    • macOS: Command + Shift + P.
    • Windows, Linux, ChromeOS: Control + Shift + P