Introducción Chrome DevTools: El panorama general Abriendo Chrome DevTools Comandos y atajos de teclado Simulando dispositivos con el Modo Device Simular dispositivos móviles con el Modo Device Limitando la red y la CPU Elementos Visualización de elementos en el DOM Editando el DOM Accediendo nodos en la Consola Ver propiedades de objetos DOM Ver y cambiar estilos CSS Inspeccionando grillas CSS Inspeccionando y depurando Layouts Flexbox CSS Consola Mensajes de registro en la consola Ejecutar JavaScript en la consola Ver los valores de JavaScript en tiempo real con expresiones en vivo Formato y estilo de los mensajes en la Consola Sources Depuración de JavaScript Pausa tu código con puntos de interrupción Ejecuta fragmentos de JavaScript Edita y guarda archivos con espacios de trabajo Network Inspecciona la actividad de la red Viendo las propiedades de la red mediante la búsqueda de un archivo Rendimiento Analizando el rendimiento en tiempo de ejecución Encontrando cuellos de botella Memoria Utilizando el Administrador de Tareas de Chrome Descubriendo las fugas de memoria del árbol DOM con Heap Snapshots Identificar las fugas de memoria del heap de JS con Allocation Timelines Investigar asignación de memoria por función Aplicación Depuración de aplicaciones web progresivas Ver y editar el almacenamiento local Ver y editar el almacenamiento de la sesión Ver y modificar los datos de IndexedDB Ver, editar y borrar cookies Ver los datos de la caché Depurar background services Lighthouse Lighthouse - Auditar un sitio Lighthouse - Mejora de un sitio desde la auditoría Inspeccionar y modificar los efectos de animación CSS Rastrea tus cambios de HTML, CSS y JavaScript Encuentra JavaScript y CSS no utilizados Identificar posibles mejoras en el CSS Problemas - Encontrar y solucionar los problemas Media - Ver y depurar la información de los reproductores multimedia Inspector de Memoria - Inspeccionar el ArrayBuffer de JavaScript Condiciones de la red - Anular la cadena del agente de usuario Seguridad - Comprender los problemas de seguridad Buscar - Encontrar texto en todos los recursos cargados WebAuthn - Emular autentificadores Recorder Grabar, reproducir y medir los flujos de usuario Renderer Descubrir los problemas de rendimiento de renderizado Emular las características multimedia de CSS Aplicar otros efectos activar el tema oscuro automático, emular el enfoque y más Sensors Sobrescribir la geolocalización Simular la orientación del dispositivo Depuración remota Acceso a servidores locales Depuración remota en dispositivos Android Accesibilidad Auditar la accesibilidad de una página Haz que tu web sea más legible Seguimiento del enfoque de los elementos Ajustes y personalización Configuración de opciones y personalización de DevTools Plugins Desarrollo de aplicaciones personalizadas (plugins) para DevTools