Descubre Chrome
Cómo registrar y analizar un registro de rendimiento con DevTools
Graba y analiza un registro de rendimiento con DevTools.
- Chrome
- Chrome DevTools
Supervisa las métricas de Core Web Vitals en vivo en el panel de rendimiento
Supervisa las métricas de las Métricas web esenciales en vivo en el panel Rendimiento.
- Chrome DevTools
- Chrome
Desmitificación de la caché: Inspecciona, borra y, luego, inhabilita las cachés
Inspecciona la caché y soluciona problemas con Herramientas para desarrolladores.
- Chrome DevTools
- Chrome
Cómo inmovilizar la pantalla y también inspeccionar los elementos que desaparecen
Inmoviliza elementos en el DOM para que puedas inspeccionarlos con DevTools.
- Chrome
- Chrome DevTools
4 formas de realizar capturas de pantalla con las Herramientas para desarrolladores
Descubre 4 formas únicas de realizar capturas de pantalla con Herramientas para desarrolladores.
- Chrome
- Chrome DevTools
Sugerencias de Herramientas para desarrolladores: Anulación y simulación de respuestas de red
Descubre cómo anular y simular respuestas de red con las Herramientas para desarrolladores.
- Chrome DevTools
- Chrome
Divertido y potente: Introducción a las Herramientas para desarrolladores de Chrome
Descubre cómo las Herramientas para desarrolladores pueden mejorar el desarrollo de apps web.
- Chrome
- Chrome DevTools
Sugerencias de Herramientas para desarrolladores: Depura las navegaciones especulativas para que las páginas se carguen más rápido
Acelera la navegación web con cargas especulativas y obtén información para depurarlas.
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Cómo crear colores
Aprende a crear colores con unos pocos clics.
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Cómo depurar la prioridad de recuperación
Aprende a depurar la prioridad de recuperación.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo depurar bfcache
Obtén más información para depurar la bfcache y hacer que tu página se cargue al instante.
- Chrome
- Chrome DevTools
Sugerencias de Herramientas para desarrolladores: ¿Qué es el DOM? HTML frente a DOM
Aprende a depurar el DOM con las Herramientas para desarrolladores.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Depuración de extensiones de Chrome
Obtén más información sobre cómo usar las Herramientas para desarrolladores para depurar extensiones de Chrome.
- Extensiones de Chrome
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Fragmentos y expresiones en vivo
Usa fragmentos para ejecutar el código que usas con frecuencia y expresiones en vivo a fin de observar los valores en tiempo real.
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Puntos de interrupción y puntos de registro
Usa puntos de interrupción y registro para depurar con facilidad.
- Chrome DevTools
- Chrome
Sugerencias de Herramientas para desarrolladores: Graba y vuelve a reproducir los flujos de usuarios con la grabadora
Aprende a grabar, volver a reproducir y depurar flujos de usuarios con el panel Grabadora en Herramientas para desarrolladores.
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Almacenamiento local y de sesión
Usa > Local Storage y Session Storage de la aplicación para depurar pares clave-valor.
- Chrome
- Chrome DevTools
Sugerencias de Herramientas para desarrolladores: Lugar de trabajo
Usa Workspace para guardar los cambios realizados en las Herramientas para desarrolladores en los archivos fuente locales.
- Chrome
- Chrome DevTools
Sugerencias de Herramientas para desarrolladores: Mapas de origen en Herramientas para desarrolladores
Usa mapas de origen en Herramientas para desarrolladores para depurar tu código original en lugar de implementarlo.
- Chrome
- Chrome DevTools
Sugerencias de Herramientas para desarrolladores: ¿Qué son los mapas de origen?
Descubre cómo los mapas de origen pueden ayudarte a depurar tu código original en lugar de implementarlo.
- Chrome
- Chrome DevTools
Sugerencias de Herramientas para desarrolladores: Descubre problemas de CSS
Usa los paneles Styles y Computed para descubrir problemas de CSS con Herramientas para desarrolladores.
- Chrome DevTools
- Chrome
Sugerencias de Herramientas para desarrolladores: Depuración de la AWP
Depura apps web progresivas con Herramientas para desarrolladores
- Chrome DevTools
- Chrome
Sugerencias de Herramientas para desarrolladores: Depuración de las APIs de Project Fugu
Usa las Herramientas para desarrolladores para depurar las APIs de Project Fugu.
- Chrome DevTools
- Chrome
Sugerencias de Herramientas para desarrolladores: Modo de dispositivo
Simula dispositivos mobule con Device Mode en Herramientas para desarrolladores.
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Identifica las mejoras de CSS
Usa el panel Resumen de CSS para identificar posibles mejoras de CSS.
- Chrome DevTools
- Chrome
Sugerencias de Herramientas para desarrolladores: Navegación más rápida de Herramientas para desarrolladores
Aprende a acelerar tu flujo de trabajo con una navegación más rápida de Herramientas para desarrolladores mediante el uso de combinaciones de teclas y parámetros de configuración.
- Chrome DevTools
- Chrome
Sugerencias de Herramientas para desarrolladores: Diferentes maneras de abrir Herramientas para desarrolladores
Descubre todas las maneras de abrir las Herramientas para desarrolladores de Chrome.
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Descubre y corrige el texto de contraste bajo
Aprende a usar las Herramientas para desarrolladores de Chrome para descubrir y corregir texto con contraste bajo.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Edita, depura y exporta registros de flujo de usuarios
Usa el panel Grabadora y sus extensiones para editar, depurar y exportar registros de flujo de usuarios.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar y depurar flexbox de CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para inspeccionar, modificar y depurar diseños de flexbox de CSS.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo acelerar tu flujo de trabajo con accesos directos de la consola
Usa las combinaciones de teclas que proporciona la API de Console Utilities para hacer referencia rápidamente a elementos recientes, consultar objetos, supervisar eventos y llamadas a funciones, y mucho más.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar la cuadrícula de CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para ver y cambiar los diseños de cuadrícula de CSS.
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar y modificar animaciones de CSS
Utiliza la pestaña Animaciones para inspeccionar y modificar animaciones, transiciones y mucho más de CSS.
- Chrome DevTools
- Chrome
Sugerencias de Herramientas para desarrolladores: Obtén estadísticas prácticas sobre el rendimiento de tu sitio web
Obtén estadísticas prácticas sobre el rendimiento de tu sitio web con el nuevo panel Estadísticas de rendimiento
- Chrome
- Chrome DevTools
Sugerencias para Herramientas para desarrolladores: Cómo registrar mensajes en la consola
Usa la consola para registrar variables, objetos y mensajes, filtrarlos y agruparlos, y mucho más.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo emular las funciones de medios de preferencias del usuario de CSS con Herramientas para desarrolladores
Usa la pestaña Renderización para emular las preferencias del usuario y probar el comportamiento de adaptación del usuario de tu sitio web.
- Chrome DevTools
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar consultas de contenedores CSS
Inspecciona y depura consultas del contenedor CSS con Herramientas para desarrolladores.
- Chrome
- Chrome DevTools