Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Sofia Emelianova
Descubre una colección de opciones que afectan la renderización de contenido web con esta descripción general de las funciones de la pestaña Renderización en Herramientas para desarrolladores.
Descripción general
La pestaña Renderización te ayuda a hacer lo siguiente:
Descubre problemas de rendimiento de renderización. Detectar la repetición de dibujos, los cambios de diseño, las capas y los mosaicos, los problemas de desplazamiento, consultar las estadísticas de renderización y las Métricas web esenciales
Emular las funciones de medios del CSS. Prueba cómo se renderizan las páginas con diferentes funciones de medios de CSS sin especificarlas de forma manual en tu código o entorno de pruebas.
Aplica otros efectos útiles. Destaca marcos de anuncios, emula el enfoque en una página, inhabilita fuentes y formatos de imagen locales, habilita un tema oscuro automático y emula las deficiencias de visión.
Abre la pestaña Renderización
Para abrir la pestaña Renderización, haz lo siguiente:
Presiona Comando + Mayúsculas + P (Mac) o Control + Mayúsculas + P (Windows, Linux y ChromeOS) para abrir el Menú de comandos.
Comienza a escribir rendering, selecciona Show Rendering y presiona Intro.
Las Herramientas para desarrolladores muestran la pestaña Renderización en la parte inferior de la ventana de Herramientas para desarrolladores.
Como alternativa, puedes abrir la pestaña Renderización de las siguientes maneras:
Presiona Esc para abrir el panel lateral y, en la esquina superior izquierda, haz clic en Más herramientas > Renderización.
En la esquina superior derecha, haz clic en Más opciones > Más herramientas > Renderización.