Explora los casos de uso de la asistencia de IA en Herramientas para desarrolladores de Chrome y descubre cómo puede respaldar tu flujo de trabajo de depuración en diseño, rendimiento y mucho más.

Leer documentos

… para aplicar diseño

Obtén una explicación detallada del diseño de tu elemento y cómo modificarlo con instrucciones como las siguientes:

How is this element laid out?

¿Es un elemento flexible? ¿Está posicionado de forma absoluta? ¿Forma parte de una cuadrícula? La asistencia de IA puede resumir el diseño de los árboles de elementos y proporcionar ejemplos de código para demostrar cómo modificarlos.

¿Tienes una animación que no funciona? Cómo solicitar asistencia de IA sobre tu elemento animado:

Why is my animation not working?

La asistencia de IA revisará las propiedades CSS relevantes, los objetos de escucha de eventos y mucho más para descubrir qué puede estar mal y proporcionar ejemplos de código para solucionarlo.

DEMOSTRACIÓN

¿No tienes un proyecto a mano para probar la asistencia de IA para aplicar diseño? Pruébala en el Hangar de DevTools.

Encuentra las indicaciones correctas para reparar las ruedas rectangulares, las luces de posición rotas y un motor humeante para que el avión de DevTools vuelva a volar.

Explora la demostración

… para la red

Los encabezados de solicitud y respuesta suelen contener información importante que no es obvia a simple vista. Pídele a la asistencia de IA que te explique lo siguiente: 

Does this request have any notable headers?

¿Alguna vez tuviste la sensación de que una solicitud tarda demasiado, pero no sabes por qué? Pídele a la asistencia de IA que lo investigue por ti:

Why is this request taking so long?

La asistencia de IA investiga los tiempos registrados y te informa si hay algún problema.

… para mejorar el rendimiento

Encontrar la causa raíz de un sitio web lento puede ser difícil. ¿No puedes comprender los picos en tus perfiles de rendimiento? La asistencia de IA puede reducir los árboles de llamadas por ti:

Anything to improve in this call tree?

… para fuentes

Es raro que hayas escrito todo el código que usa tu sitio web. ¿No puedes entender por qué se carga un recurso determinado y para qué se usa? La asistencia de IA puede ayudarte a hacer lo siguiente:

What is this file used for?

No importa si se trata de una secuencia de comandos de estadísticas, un widget de redes sociales o una biblioteca de pruebas A/B, la asistencia de IA lo analizará y lo descubrirá.