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:
.
- Ter pelo menos 18 anos e estar em um dos locais em que o recurso está disponível.
- Você está usando o Chrome 125 ou mais recente.
- estão conectados ao Chrome com sua Conta do Google;
- A opção "Entender as mensagens do console com IA" foi ativada no DevTools.
- Ter a opção Inglês (EUA) selecionado em Configurações Configurações > Preferências > Aparência > Language no DevTools.
Idiomas definindo o local...
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 check_box Compreender as mensagens do console com IA.
Configurando local…
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:
- Acesse esta página de demonstração.
- Abra o DevTools e inspecione a página.
- Abra o Console para inspecionar as mensagens.
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.
Passe o cursor sobre a mensagem de erro do CORS. Um botão
Entenda este erro aparece à direita da mensagem.
Para abrir uma caixa de diálogo, clique em
Entender este erro.Se você estiver usando esse recurso pela primeira vez ...
- Leia o Aviso de privacidade para saber como o Google usa seus dados e clique em Próxima.
Aqui, também é possível Cancelar a caixa de diálogo ou Desativar este recurso nas configurações.
- 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.
Você também pode Voltar ou Desativar este recurso nas configurações.
- Leia o Aviso de privacidade para saber como o Google usa seus dados e clique em Próxima.
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.
Após alguns segundos, uma explicação vai aparecer abaixo do erro do console.
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 um desafio, com um alto nível de complexidade e que exigem anos de experiência para se tornarem proficientes. À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 abaixo:
