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. A linguagem prioritária para 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ê:

  • Ter pelo menos 18 anos e estar em um dos locais aceitos.
  • Usam a versão mais recente do Chrome.
  • Fazer login no Chrome com sua Conta do Google.
  • Selecione Inglês (EUA) em Configurações > Preferências > Aparência > Idioma nos DevTools.
  • Ative as Configurações > Inovações de IA nos 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 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. Neste atalho, i está em minúsculas.

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

  2. Leia O que considerar na janela 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 seu 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. Neste atalho, i está em minúsculas.

  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