Gerar código no console e nas fontes

Use o Gemini para gerar código nos painéis "Console" e "Fontes".

A partir do Chrome 147, esse recurso está disponível para todos os recursos baseados em texto de uma página da Web. O idioma prioritário para a geração de código é o JavaScript.

Recurso de geração de código nos painéis "Console" e "Fontes".

Disponibilidade

Para usar qualquer um dos recursos de IA disponíveis no DevTools, verifique se você:

  • Tem pelo menos 18 anos e está em um dos locais com suporte.
  • Está usando a versão mais recente do Chrome.
  • Fez login no Chrome com sua Conta do Google.
  • Selecionou Inglês (EUA) em Configurações > Preferências > Aparência > Idioma no DevTools.
  • Ativou as configurações Configurações > Inovações de IA no DevTools.

Ativar a geração de código

Para ativar a geração de código especificamente, acesse DevTools > Configurações > Inovações de IA e ative Sugestões de código.

Botão de ativação/desativação do recurso de sugestão de código em Configurações > Inovações de IA.

Para ativar a geração de código diretamente no painel Console ou Fontes:

  1. Ao editar arquivos de origem ou digitar no Console, pressione Command + i no Mac ou Control + i. Nesse atalho, i é minúsculo.

    Ativar sugestões de código em "Fontes" e no console com um atalho.

  2. Leia O que considerar na caixa de diálogo e clique em Entendi.

    Janela de diálogo "Considerações".

Gerar código

Para gerar código no painel Console ou Fontes:

  1. Em um comentário de código, digite o comando. Por exemplo: // Loop to check all img elements for valid alt attributes.

    Um comando para geração de código em um comentário JavaScript.

  2. Para começar a gerar, pressione Command + i no Mac ou Control + i. Nesse atalho, i é minúsculo.

  3. Aguarde a conclusão da geração de código. Isso pode levar alguns segundos.

  4. Pressione Tab ou Enter para aceitar ou Esc para rejeitar o bloco de código gerado.

    Aceitar ou rejeitar um bloco de código gerado.

Consulte também