
DevTools
Las Herramientas para desarrolladores de Chrome son un conjunto de herramientas para desarrolladores web que están integradas directamente en el navegador Google Chrome. Las Herramientas para desarrolladores pueden ayudarte a editar páginas sobre la marcha y diagnosticar problemas rápidamente, lo que te ayuda a crear mejores sitios web, más rápido.
Abrir Herramientas para desarrolladores
Todas las formas en las que puedes abrir las Herramientas para desarrolladores de Chrome.
Novedades de Herramientas para desarrolladores
Mantente actualizado con los cambios más recientes de Herramientas para desarrolladores.
Sugerencias para 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.
Ejecutar comandos en el menú de comandos
Una guía sobre cómo abrir el menú de comandos, ejecutar comandos, abrir archivos, ver otras acciones y mucho más.
Combinaciones de teclas
Documentación canónica de las combinaciones de teclas de las Herramientas para desarrolladores de Chrome.
Inhabilitar JavaScript
Consulta el aspecto y el comportamiento de una página web cuando JavaScript está inhabilitado.
Simula dispositivos móviles con Device Mode
Usa dispositivos virtuales en el Modo de dispositivo de Chrome para crear sitios web que prioricen los dispositivos móviles.
Buscar en los recursos cargados
Encuentra texto en todos los recursos cargados con la pestaña Buscar.
Paneles
Descubre la potencia de cada panel de Herramientas para desarrolladores.
Elementos - DOM
Aprende a ver y cambiar el DOM de una página con las Herramientas para desarrolladores de Chrome.
Elementos: CSS
Aprende a ver y cambiar el CSS de una página con las Herramientas para desarrolladores de Chrome.
Consola
Registra mensajes y ejecuta JavaScript.
Fuentes
Visualiza y edita archivos, crea fragmentos, depura JavaScript y configura un lugar de trabajo.
Red
Registra las solicitudes de red.
Rendimiento
Evalúa el rendimiento del sitio con Herramientas para desarrolladores.
Memoria
Encuentra problemas de memoria que afecten el rendimiento de la página, como fugas o aumentos de memoria, y recolecciones frecuentes de elementos no utilizados.
Aplicación
Inspecciona, modifica y depura apps web, prueba la caché y visualiza el almacenamiento.
Grabadora
Graba, vuelve a reproducir, mide los flujos de usuarios y edita sus pasos.
Renderización
Descubre una colección de opciones que afectan el procesamiento del contenido web.
Problemas
Detectar y solucionar problemas en tu sitio web
Seguridad
Usa el panel Seguridad para asegurarte de que una página esté completamente protegida por HTTPS.
Inspector de memoria
Inspecciona un ArrayBuffer, TypedArray o DataView en JavaScript, además de WebAssembly y la memoria de las apps de Wasm para C++.
Condiciones de red
Anula la string del usuario-agente. Inhabilita la opción Seleccionar automáticamente y elige una opción de la lista o ingresa una cadena personalizada.
Contenido multimedia
Usa el panel Contenido multimedia para ver información y depurar los reproductores multimedia por pestaña del navegador.
Animaciones
Inspecciona y modifica animaciones con la pestaña Animaciones.
Cambios
Realiza un seguimiento de los cambios en HTML, CSS y JavaScript.
Cobertura
Busca y analiza código JavaScript y CSS sin usar en las Herramientas para desarrolladores de Chrome.
Recursos para desarrolladores
Usa la pestaña del panel lateral de recursos para desarrolladores a fin de verificar si los mapas de origen se cargan correctamente y, luego, cargarlos de forma manual.
Descripción general del CSS
Identifica las posibles mejoras de CSS con el panel Resumen de CSS.
Faro
Optimiza la velocidad del sitio web con el panel de Lighthouse.
Estadísticas de rendimiento
Obtén estadísticas prácticas sobre el rendimiento de tu sitio web con el panel Estadísticas de rendimiento.
Sensores
Emular los sensores del dispositivo
WebAuthn
Emula autenticadores.