Descripción general de la pestaña Procesamiento (original) (raw)
Descripción general de la pestaña Procesamiento
Descubre una colección de opciones que afectan la renderización del contenido web con esta descripción general de las funciones de la pestaña Renderización en DevTools.
La pestaña Renderización te permite hacer lo siguiente:
- Descubre los problemas de rendimiento de la renderización. Detecta la repintura, los cambios de diseño, las capas y las tarjetas, los problemas de desplazamiento, las estadísticas de renderización y las Métricas web esenciales.
- Emula las funciones de medios de CSS. Prueba cómo se renderizan las páginas con diferentes funciones multimedia de CSS sin especificarlas manualmente en tu código o entorno de prueba.
- Aplicar otros efectos útiles Destacar marcos de anuncios, emular el enfoque en una página, inhabilitar fuentes y formatos de imagen locales, habilitar un tema oscuro automático y emular deficiencias visuales
Abre la pestaña Renderización.
Para abrir la pestaña Renderización, haz lo siguiente:
- Abre las Herramientas para desarrolladores.
- 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. DevTools muestra la pestaña Rendering en la parte inferior de la ventana de DevTools.
Como alternativa, puedes abrir la pestaña Renderización de las siguientes maneras:
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2022-04-13 (UTC)