Riquadro Livelli: esplora i livelli del sito web

Dale St. Marthe
Dale St. Marthe

Il riquadro Livelli ti aiuta a comprendere la composizione del tuo sito web e il modo in cui il browser esegue il rendering dei contenuti. Analizza un diagramma 3D del tuo sito web per identificare i problemi di rendering, correggere i bug di scorrimento e ottimizzare le animazioni.

Panoramica

Utilizza il riquadro Livelli per:

  • Visualizza i livelli del documento.
  • Controlla i livelli del documento.
  • Imposta i punti di interruzione per le modifiche al DOM.
  • Visualizza le informazioni di Profiler colorazione.
  • Identifica gli elementi con scorrimento lento.

Apri il riquadro Livelli

Per aprire il riquadro Livelli:

  1. Apri DevTools.
  2. Apri il menu Comando premendo:
    • macOS: Comando+Maiusc+P
    • Windows, Linux, ChromeOS: Ctrl+Maiusc+P