Insights do console: entenda melhor os erros e avisos com o Gemini

Peça para o Gemini fornecer insights diretamente no Console do DevTools para você entender melhor os erros e avisos.

Consulte também Como seus dados são usados e Problemas conhecidos.

Requisitos

Para usar o recurso Insights do Console, faça o seguinte:

Ative a opção "Entender as mensagens do console com IA" no DevTools.

Abra o DevTools e acesse as configurações Configurações. Em Preferências > Console, ative a opção check_box Entender as mensagens do console com IA.

Configurando local…

A configuração "Entender as mensagens do console com IA".

Se não for possível marcar a caixa de seleção, um ícone de informações Informações indicará que um ou mais dos requisitos não foram atendidos. Passe o cursor sobre o ícone para saber mais.

Receber explicações para mensagens do console

Para receber uma explicação, faça o seguinte no Chrome:

  1. Acesse esta página de demonstração.
  2. Abra o DevTools e inspecione a página.
  3. Abra o Console para inspecionar as mensagens.
  4. Na página de demonstração, clique dentro da caixa de pesquisa. Não é possível buscar o menu suspenso, e o Console mostra um erro.

    Um erro no console quando um menu suspenso não é buscado.

  5. Passe o cursor sobre a mensagem de erro do CORS. Um botão Faísca da lâmpada. Entenda este erro aparece à direita da mensagem.

    O botão "Entenda este erro".

  6. Para abrir uma caixa de diálogo, clique em Faísca da lâmpada. Entenda este erro.

    Se você estiver usando esse recurso pela primeira vez ...

    1. Leia o Aviso de privacidade para saber como o Google usa seus dados e clique em Próxima. Caixa de diálogo com o Aviso de privacidade.

      Aqui, também é possível Cancelar a caixa de diálogo ou Desativar este recurso nas configurações.

    2. Na próxima caixa de diálogo, leia o aviso legal para saber o que você precisa saber. Para aceitar os Termos de Serviço relevantes, marque a caixa de seleção check_box e clique em Continuar. O diálogo com o aviso legal.

      Você também pode Voltar ou Desativar este recurso nas configurações.

  7. Na janela da caixa de diálogo, saiba quais dados serão enviados ao Google. Para visualizar os dados em novas guias, você pode clicar nos links correspondentes.

    Para acessar uma explicação, clique em Continuar.

    A caixa de diálogo com os dados a serem enviados.

  8. Após alguns segundos, uma explicação vai aparecer abaixo do erro do console.

    Explicação do erro gerada por IA.

Se você não achar que a explicação foi satisfatória, clique em Usar a pesquisa para abrir uma nova guia com os resultados da pesquisa do erro.

Gostaríamos de receber seu feedback. Clique nos botões thumb_up ou thumb_up para nos ajudar a melhorar esse recurso continuamente.

Como seus dados são usados

Este aviso e nosso Aviso de privacidade descrevem como o Chrome DevTools gerencia seus dados. Leia com atenção.

O Chrome DevTools usa a mensagem do console, o stack trace associado, o código-fonte relacionado e os cabeçalhos de rede associados como dados de entrada. Quando você usa a opção Entender esta mensagem, o Google coleta esses dados de entrada, as saídas geradas, as informações de uso de recursos relacionados e seu feedback. O Google usa esses dados para fornecer, melhorar e desenvolver produtos, serviços e tecnologias de aprendizado de máquina, incluindo produtos empresariais do Google, como o Google Cloud.

Para fins de qualidade e melhoria dos nossos produtos, revisores humanos podem ler, fazer anotações e processar os dados de entrada mencionados acima, as saídas geradas, as informações de uso de recursos relacionados e seu feedback. Não inclua informações sensíveis (por exemplo, confidenciais) ou pessoais que possam ser usadas para identificar você ou outras pessoas nos seus comandos ou feedback. Seus dados vão ser armazenados de modo que o Google não consiga identificar quem os enviou, e não vai ser mais possível atender a solicitações de exclusão. Eles vão ser retidos por até 18 meses. Não podemos coletar dados para melhorar nosso produto se sua Conta do Google for gerenciada por uma organização.

Confira algumas informações importantes para entender a mensagem:

  • O Chrome DevTools usa a mensagem do console, o stack trace associado, o código-fonte relacionado e os cabeçalhos de rede associados para dar respostas.
  • O Chrome DevTools usa tecnologia experimental e pode gerar informações imprecisas ou ofensivas que não representam as opiniões do Google. A votação nas respostas ajudará a melhorar este recurso.
  • Esse recurso é experimental e está sujeito a mudanças futuras.
  • Use os snippets de código gerados com cuidado.

Para usar o recurso, você precisa concordar que o uso da opção Entender esta mensagem está sujeito aos Termos de Serviço do Google.

Problemas conhecidos

O Chrome DevTools usa os modelos de linguagem grandes do Google para gerar uma explicação. Os modelos de linguagem grandes, ou LLMs, são uma área de pesquisa nova e ativa. As respostas geradas pelos LLMs às vezes são questionáveis ou até mesmo totalmente erradas. É importante que você entenda que os resultados podem ser imprecisos ou enganosos. Por isso, sempre verifique novamente.

Explicação incorreta

Os LLMs geram conteúdo que parece provável e plausível. Na maioria dos casos, esse conteúdo apresenta insights verdadeiros e úteis que podem ajudar você a entender um erro ou aviso no contexto relevante. O desenvolvimento e a depuração da Web modernos são uma tarefa desafiadora, com um alto nível de complexidade e que exigem anos de experiência para se tornar proficiente. Às vezes, as respostas que os LLMs produzem parecem convincentes, mas na verdade são enganosas ou sem sentido para um desenvolvedor Web humano. Estamos fazendo o possível para melhorar continuamente a qualidade e a precisão dos insights gerados. Você pode nos ajudar enviando feedback ao encontrar explicações erradas.

Injeção de comando

Muitos dos aplicativos LLM são suscetíveis a uma forma de abuso conhecida como injeção de comando. Não é diferente com esse recurso. É possível induzir o LLM a aceitar instruções que não são pretendidas pelos desenvolvedores.

Confira o exemplo inofensivo a seguir:

Um exemplo de injeção de comando.