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.

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?

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?

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?

¿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

Consulta nuestras demostraciones interactivas para aprender a comenzar a usar la asistencia de IA en tus proyectos.
Prueba las correcciones de estilo potenciadas por IA para transformar un plano estático en una maravilla que se eleva, a la vez que te aseguras de tomar las medidas de seguridad necesarias.
¿Conquistarás la barra de desplazamiento de la perdición con la asistencia de IA o un equipo de buceo quedará atrapado para siempre en una pesadilla de diseño?

¿No sabes cómo empezar?

Explora ideas de instrucciones para la asistencia de IA en DevTools. Experimenta con nuestras demostraciones o pruébalas en tus propios sitios web.

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 dev4-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

Explora videos en los que se explica cómo usar la asistencia de IA en DevTools para resolver problemas comunes de desarrollo web.
Explora el historial de chat persistente de IA en Chrome 133-135
Únete a Jecelyn, Oliver y Matthias para conocer la asistencia de IA en Chrome 130-132

Comenzar

Asegúrate de usar la versión más reciente de Chrome y de haber accedido a tu cuenta. Debes tener al menos 18 años y estar en una de las ubicaciones admitidas.
La asistencia de IA está inhabilitada de forma predeterminada. Para habilitarla, ve a la sección Configuración > Asistencia de IA. Debes aceptar las Condiciones del Servicio de Google para poder usar la asistencia de IA.
Se puede usar una política empresarial para controlar si los datos compartidos con Gemini se registran y se usan para el entrenamiento.

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.