
Asistencia con IA
Potencia tu flujo de trabajo de desarrollo con Gemini integrado directamente en Herramientas para desarrolladores de Chrome. Optimiza la depuración con la asistencia de IA para aplicar estilos, mejorar el rendimiento, la red y las fuentes.
Se corrigieron errores de diseño
Los problemas de diseño pueden ser difíciles de depurar. Obtén una explicación detallada de los estilos de tu elemento y ayuda para corregir errores de diseño y estilo:
Can you center this element?
Cómo analizar las solicitudes de red
Los encabezados de solicitud y respuesta suelen contener información importante que no es evidente a simple vista. Usa la asistencia de IA para profundizar en lo siguiente:
Why does this request fail?
Información sobre los archivos fuente
Es raro que hayas escrito todo el código de tu sitio web. ¿No sabes para qué se usa una determinada secuencia de comandos? La asistencia de IA puede ayudarte a hacer lo siguiente:
What is this file used for?
Investiga el rendimiento de la página
¿Las Métricas web esenciales son deficientes? Encontrar la causa raíz de un sitio web lento puede ser difícil. La asistencia de IA puede investigar y proponer soluciones:
Help me optimize my LCP score

Obtén asistencia con IA estés donde estés
Busca el botón Ask AI para obtener ayuda de Gemini con la tarea actual.
Demostraciones
Hangar
Menú ampliado
¿No sabes cómo empezar?
Cómo corregir la relación de aspecto de una imagen
Make all teaser images always be 16:9
¿Una de las imágenes no está recortada de la misma manera que las demás?
- Abre la página chrome.dev/cinemai/devtools/ y abre DevTools.
- Busca y selecciona la sección Obtén más información mirando.
- Haz clic en el ícono de asistencia de IA.
- Instrucción:
Make all teaser images always be 16:9
. - Haz clic en
Apply the suggested change
y continúa. - El botón debe estar centrado.
Cómo solucionar un problema de desbordamiento
How can I make this element visible?
¿El elemento no es visible?
- Abre la página chrome.dev/cinemai/devtools/ y abre DevTools.
- Busca un elemento img de submarinista.
- Haz clic en el ícono de asistencia de IA.
- Instrucción:
How can I make this element visible without scrollbars?
. - Haz clic en
Apply the suggested change
y continúa. - El buceador debe ser visible en la pantalla.
Desmitifica los encabezados
Are there any security headers present?
Para obtener más información sobre los encabezados de seguridad de un recurso determinado, haz lo siguiente:
- Abre la página chrome.dev/cinemai/devtools/ y abre DevTools.
- En el panel de red, selecciona las solicitudes de
v4-chrome.dev.js
. - Haz clic en el ícono de asistencia de IA.
- Instrucción:
Are there any security headers present?
- El LLM explicará los encabezados relacionados con la seguridad en el recurso.
Explorar a fondo
Historial de chat de IA persistente en Chrome 133-135
Novedades de DevTools 130 a 132
Comenzar
Requisitos
Habilitar
Datos
Ayúdanos a mejorar.
Esta función es experimental y está sujeta a cambios en el futuro. Es posible que genere información ofensiva o imprecisa que no representa la opinión de Google. Vota por las respuestas para ayudarnos a mejorarlas y sigue enviando comentarios.