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.
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.
Una referencia completa de las combinaciones de teclas.
Consulta el aspecto y el comportamiento de una página web cuando JavaScript está inhabilitado.
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.
Obtén información para ver y cambiar el CSS de una página.
Registra mensajes y ejecuta JavaScript.
Visualiza y edita archivos, crea fragmentos, depura JavaScript y configura un lugar de trabajo.
Registra las solicitudes de red.
Evaluar el rendimiento del sitio web
Encuentra problemas de memoria que afectan el rendimiento de la página, como fugas de memoria y mucho más.
Inspecciona, modifica y depura apps web, prueba la caché, visualiza el almacenamiento y mucho más.
Graba, vuelve a reproducir, mide los flujos de usuarios y edita sus pasos.
Descubre una colección de opciones que afectan el procesamiento del contenido web.
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.