Conheça os casos de uso da assistência de IA no Chrome DevTools e saiba como ela pode ajudar no seu fluxo de trabalho de depuração em relação a estilo, desempenho e muito mais.

Leia a documentação

… para estilização

Receba uma explicação detalhada do layout do elemento e como modificá-lo com instruções como esta:

How is this element laid out?

É um item flexível? Ele está posicionado de forma absoluta? Ele faz parte de uma grade? A assistência de IA pode resumir o layout das árvores de elementos e fornecer exemplos de código para demonstrar como modificá-lo.

Tem uma animação que não está funcionando? Pergunte à IA sobre o elemento animado:

Why is my animation not working?

A assistência por IA vai verificar propriedades CSS relevantes, listeners de eventos e muito mais para descobrir o que pode estar errado e fornecer exemplos de código para corrigir o problema.

DEMONSTRAÇÃO

Não tem um projeto para testar a assistência de IA para estilização? Teste no DevTools Hangar.

Encontre as instruções corretas para corrigir rodas retangulares, luzes de posição quebradas e um motor fumegante para fazer o avião das DevTools voar novamente.

Demonstração de análise

… para rede

Os cabeçalhos de solicitação e resposta geralmente contêm informações importantes que não são óbvias à primeira vista. Peça para a assistente de IA explicar: 

Does this request have any notable headers?

Já teve a sensação de que uma solicitação leva muito tempo, mas não sabe ao certo por quê? Peça à assistência por IA para analisar o problema:

Why is this request taking so long?

A assistência por IA investiga os horários registrados e informa se algo está errado.

… para performance

Pode ser difícil encontrar a causa raiz de um site lento. Não consegue entender os picos nos seus perfis de performance? A assistência por IA pode simplificar as árvores de chamadas para você:

Anything to improve in this call tree?

… para fontes

É raro você ter escrito todo o código usado pelo seu site. Não consegue entender por que um determinado recurso é carregado e para que ele é usado? A assistência de IA pode ajudar a:

What is this file used for?

Não importa se é um script de análise, um widget social ou uma biblioteca de testes A/B: a assistência por IA vai investigar e descobrir.