Partilhar via


Explicar o código-fonte usando Copilot no Edge

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

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

Copiloto na barra lateral do Microsoft Edge, mostrando o código-fonte e a explicação.

Cenários com suporte

Esse recurso é para uso na janela padrão do navegador e não está disponível nos seguintes cenários:

Habilitar Copilot no Edge

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

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

  2. Verifique se o ícone Copilot (ícone Copilot na barra de ferramentas do navegador) está visível no canto superior direito da barra de ferramentas do navegador. Se não for, no Microsoft Edge, selecione Configurações e muito mais (...) >Configurações>Barra lateral>Copilot e, em seguida, ative o alternância Mostrar Copilot .

Explicar o código-fonte

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

  1. Abra uma página da Web que contém o código-fonte que você deseja explicar. Por exemplo, abra a página de demonstração de 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). DevTools é aberto.

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

  4. Na guia Página na ferramenta Fontes , selecione o to-do.js arquivo. O código-fonte desse arquivo é exibido 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:

    A ferramenta Fontes no Edge, com o arquivo to-do.js aberto e algumas linhas de código selecionadas

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

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

    Copilot na barra lateral do Microsoft Edge, mostrando o código-fonte e a explicação

  7. Para obter mais informações sobre o código-fonte, em 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 sobre os erros de explicação e código-fonte no experimento Copilot in Edge.

Confira também