Panoramica della scheda Rendering

Sofia Emelianova

Scopri una raccolta di opzioni che influiscono sul rendering dei contenuti web con questa panoramica delle funzionalità della scheda Rendering in DevTools.

Panoramica

La scheda Rendering consente di:

• Scopri i problemi di prestazioni del rendering. ridipingere, modificare il layout, livelli e riquadri, problemi di scorrimento, visualizzare le statistiche di rendering e i Segnali web essenziali.
• Emula le funzionalità multimediali del CSS. Verifica il modo in cui le pagine vengono visualizzate con funzionalità multimediali CSS diverse senza specificarle manualmente nel tuo codice o nell'ambiente di test.
• Applica altri effetti utili. Consente di mettere in evidenza i frame degli annunci, emulare l'attenzione su una pagina, disattivare i caratteri e i formati delle immagini locali, attivare un tema scuro automatico ed emulare le carenze visive.

Apri la scheda Rendering

Per aprire la scheda Rendering:

1. Apri DevTools.

2. Premi Comando+Maiusc+P (Mac) o Ctrl+Maiusc+P (Windows, Linux, ChromeOS) per aprire il menu Comando.

   

3. Inizia a digitare rendering, seleziona Mostra rendering e premi Invio. DevTools mostra la scheda Rendering nella parte inferiore della finestra di DevTools.

In alternativa, puoi aprire la scheda Rendering nei seguenti modi:

• Premi Esc per aprire il riquadro a scomparsa e, nell'angolo in alto a sinistra, fai clic su Altri strumenti > Rendering.
• Nell'angolo in alto a destra, fai clic su Altre opzioni > Altri strumenti > Rendering.