Realiza un análisis de red avanzado con las Herramientas para desarrolladores de Chrome.

Graba y analiza un registro de rendimiento con DevTools.

Supervisa las métricas de las Métricas web esenciales en vivo en el panel Rendimiento.

Inspecciona la caché y soluciona problemas con Herramientas para desarrolladores.

Inmoviliza elementos en el DOM para que puedas inspeccionarlos con DevTools.

Descubre 4 formas únicas de realizar capturas de pantalla con Herramientas para desarrolladores.

Descubre cómo anular y simular respuestas de red con las Herramientas para desarrolladores.

Descubre cómo las Herramientas para desarrolladores pueden mejorar el desarrollo de apps web.

Acelera la navegación web con cargas especulativas y obtén información para depurarlas.

Aprende a crear colores con unos pocos clics.

Aprende a depurar la prioridad de recuperación.

Obtén más información para depurar la bfcache y hacer que tu página se cargue al instante.

Aprende a depurar el DOM con las Herramientas para desarrolladores.

Obtén más información sobre cómo usar las Herramientas para desarrolladores para depurar extensiones de Chrome.

Usa fragmentos para ejecutar el código que usas con frecuencia y expresiones en vivo a fin de observar los valores en tiempo real.

Usa puntos de interrupción y registro para depurar con facilidad.

Aprende a grabar, volver a reproducir y depurar flujos de usuarios con el panel Grabadora en Herramientas para desarrolladores.

Usa > Local Storage y Session Storage de la aplicación para depurar pares clave-valor.

Usa Workspace para guardar los cambios realizados en las Herramientas para desarrolladores en los archivos fuente locales.

Usa mapas de origen en Herramientas para desarrolladores para depurar tu código original en lugar de implementarlo.

Descubre cómo los mapas de origen pueden ayudarte a depurar tu código original en lugar de implementarlo.

Usa los paneles Styles y Computed para descubrir problemas de CSS con Herramientas para desarrolladores.

Depura apps web progresivas con Herramientas para desarrolladores

Usa las Herramientas para desarrolladores para depurar las APIs de Project Fugu.

Simula dispositivos mobule con Device Mode en Herramientas para desarrolladores.

Usa el panel Resumen de CSS para identificar posibles mejoras de CSS.

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.

Descubre todas las maneras de abrir las Herramientas para desarrolladores de Chrome.

Aprende a usar las Herramientas para desarrolladores de Chrome para descubrir y corregir texto con contraste bajo.

Usa el panel Grabadora y sus extensiones para editar, depurar y exportar registros de flujo de usuarios.

Aprende a usar las Herramientas para desarrolladores de Chrome para inspeccionar, modificar y depurar diseños de flexbox de CSS.

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.

Aprende a usar las Herramientas para desarrolladores de Chrome para ver y cambiar los diseños de cuadrícula de CSS.

Utiliza la pestaña Animaciones para inspeccionar y modificar animaciones, transiciones y mucho más de CSS.

Obtén estadísticas prácticas sobre el rendimiento de tu sitio web con el nuevo panel Estadísticas de rendimiento

Usa la consola para registrar variables, objetos y mensajes, filtrarlos y agruparlos, y mucho más.

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.

Inspecciona y depura consultas del contenedor CSS con Herramientas para desarrolladores.