Las Herramientas para desarrolladores de Chrome son un conjunto de herramientas para desarrolladores web que están integradas directamente en el navegador Google Chrome. Herramientas para desarrolladores te permite editar páginas sobre la marcha y diagnosticar problemas con rapidez, lo que te ayuda a crear mejores sitios web en menos tiempo.
Comenzar
Todas las formas en las que puedes abrir las Herramientas para desarrolladores de Chrome.
Mantente actualizado con los cambios más recientes de Herramientas para desarrolladores.
Serie de videos breves que te ayudarán a conocer las funciones en Herramientas para desarrolladores.

Comandos y accesos directos

Realiza tareas rápidamente.
Abre el menú de comandos, ejecuta comandos, abre archivos, consulta otras acciones y mucho más.
Leer el documento
Una referencia completa de las combinaciones de teclas.
Leer el documento
Consulta el aspecto y el comportamiento de una página web cuando JavaScript está inhabilitado.
Leer el documento
Simula dispositivos para crear sitios web que prioricen los dispositivos móviles.
Busca texto en todos los recursos cargados con el panel de búsqueda.

Paneles

Descubre la potencia de cada panel de Herramientas para desarrolladores.
Obtén información para ver y cambiar el DOM de una página.
Consulta los documentos
Obtén información para ver y cambiar el CSS de una página.
Consulta los documentos
Registra mensajes y ejecuta JavaScript.
Consulta los documentos
Visualiza y edita archivos, crea fragmentos, depura JavaScript y configura un lugar de trabajo.
Consulta los documentos
Registra las solicitudes de red.
Consulta los documentos
Evaluar el rendimiento del sitio web
Consulta los documentos
Encuentra problemas de memoria que afectan el rendimiento de la página, como fugas de memoria y mucho más.
Consulta los documentos
Inspecciona, modifica y depura apps web, prueba la caché, visualiza el almacenamiento y mucho más.
Consulta los documentos
Graba, vuelve a reproducir, mide los flujos de usuarios y edita sus pasos.
Consulta los documentos
Descubre una colección de opciones que afectan el procesamiento del contenido web.
Consulta los documentos
Inspeccionar y depurar direcciones guardadas
Detectar y solucionar problemas en tu sitio web
Asegúrate de que una página esté completamente protegida por HTTPS.
Inspecciona un ArrayBuffer, TypedArray o DataView en JavaScript, además de WebAssembly y la memoria de las apps de Wasm para C++.
Anula la string de usuario-agente.
Consulta la información y depura los reproductores multimedia por pestaña del navegador.
Inspeccionar y modificar animaciones
Realiza un seguimiento de los cambios en HTML, CSS y JavaScript.
Buscar y analizar código JavaScript y CSS sin usar
Verifica si los mapas de origen se cargan correctamente y cárgalos de forma manual.
Identificar posibles mejoras del CSS
Optimiza la velocidad del sitio web con el panel de Lighthouse.
Obtén estadísticas prácticas sobre el rendimiento de tu sitio web.
Emular los sensores del dispositivo
Emula autenticadores.

Referencia de configuración