Explique o código-fonte usando o Copilot no Edge

A ferramenta Fontes no Microsoft Edge DevTools integra-se ao Copilot no Microsoft Edge para ajudar você a entender o código-fonte.

Ao inspecionar uma página da Web, você pode querer mais informações sobre o código-fonte exibido na ferramenta Fontes . Usando o recurso Explicar estas linhas de código , você obtém mais informações sobre o código-fonte do Copilot no Edge:

Cenários com suporte

Esse recurso deve ser usado na janela padrão do navegador e não está disponível nos seguintes cenários:

• Navegando em uma janela InPrivate. Para obter informações sobre InPrivate, consulte Navegação InPrivate no Microsoft Edge.
• Navegação com o Modo Crianças no Microsoft Edge. Para obter informações sobre o Modo Crianças, consulte Saiba mais sobre o Modo Crianças no Microsoft Edge.
• Usando DevTools com um controle Microsoft Edge WebView2. Para obter informações sobre o DevTools com aplicativos WebView2, consulte Depurar aplicativos WebView2 com o DevTools do Microsoft Edge.
• Usando o DevTools em uma janela de Aplicativo Web Progressivo autônomo.

Habilitar o Copilot no Edge

Para usar esse recurso de explicação, habilite o Copilot no Edge:

1. Entre no Microsoft Edge. Consulte Entrar para sincronizar o Microsoft Edge entre dispositivos.

2. Certifique-se de que o ícone do Copilot () esteja visível no canto superior direito da barra de ferramentas do navegador. Se não estiver, no Microsoft Edge, selecione Configurações e mais (...) >Configurações>Barra> lateralCopilot e, em seguida, ative a opção Mostrar Copilot.

Explicar o código-fonte

Para usar o Copilot para explicar o código na ferramenta Fontes :

1. Abra uma página da Web que contenha o código-fonte que você deseja explicar. Por exemplo, abra a página de demonstração do aplicativo TODO em uma nova janela ou guia.

2. Para abrir o DevTools, clique com o botão direito do mouse na página da Web e selecione Inspecionar. Ou pressione Ctrl+Shift+I (Windows, Linux) ou Command+Option+I (macOS). O DevTools é aberto.

3. No DevTools, na Barra de Atividades, selecione a guia Fontes . Se essa guia não estiver visível, clique no botão Mais ferramentas ().

4. Na guia Página na ferramenta Fontes , selecione o to-do.js arquivo. O código-fonte desse arquivo aparece no painel Editor.

5. Selecione algumas linhas de código no to-do.js arquivo. Por exemplo, selecione o conteúdo da changeTask função:

   

6. Clique com o botão direito do mouse no código e selecione Copilot: Explique estas linhas de código.

   O Copilot é aberto na barra lateral do Microsoft Edge, mostrando o código-fonte, um Explique estas linhas de código da ferramenta Fontes na mensagem de solicitação do DevTools e, em seguida, uma resposta explicando o código-fonte:

   

7. Para obter mais informações sobre o código-fonte, no Copilot, insira perguntas adicionais.

Faça comentários

As respostas que o Copilot no Edge fornece quando você usa o recurso acima são geradas automaticamente, portanto, surpresas e erros são possíveis. Estamos constantemente melhorando o nível de qualidade e precisão das respostas, mas se você vir uma resposta incorreta, avise-nos adicionando um comentário em: Comentários para o experimento Explicar erros e código-fonte no Copilot no Edge.

Confira também

• Explicar erros e avisos do Console usando o Copilot no Edge