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:
Premi Comando+Maiusc+P (Mac) o Ctrl+Maiusc+P (Windows, Linux, ChromeOS) per aprire il menu Comando.
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.