Novidades em DevTools (Microsoft Edge 94)
Para marcar os recursos mais recentes do Microsoft Edge DevTools e a extensão Microsoft Edge DevTools para Microsoft Visual Studio Code e Visual Studio, leia esses anúncios.
Para se manter atualizado e obter os recursos mais recentes do DevTools, baixe uma versão prévia do Insiders do Microsoft Edge. Se você estiver no Windows, Linux ou macOS, considere usar o Canary (ou outro canal de visualização) como seu navegador de desenvolvimento padrão. As versões Beta, Dev e Canary do Microsoft Edge são executadas como aplicativos separados, lado a lado com a versão estável e lançada do Microsoft Edge. Consulte Canais internos do Microsoft Edge.
Para os últimos anúncios, siga a equipe do Microsoft Edge no Twitter. Para relatar um problema com o DevTools ou pedir um novo recurso, registre um problema no repositório MicrosoftEdge/DevTools .
Pesquisar erros de console na Web
Pesquise na Web seus erros de console , de dentro do DevTools. No Console, muitos erros agora têm uma pesquisa dessa mensagem no botão Web , mostrada como uma lupa. Quando você seleciona a pesquisa dessa mensagem no botão Web , uma nova guia é aberta no navegador e mostra os resultados da pesquisa para o erro:
Consulte Pesquisar na Web uma cadeia de caracteres de mensagem de erro do Console.
A extensão DevTools para Visual Studio Code inclui as ferramentas mais recentes, o suporte ao tema e os links úteis
Na versão mais recente da extensão Microsoft Edge DevTools para Visual Studio Code, lançamos as seguintes atualizações ou novos recursos:
- Compartilha a mesma base de código usada para o DevTools baseado em navegador.
- Dá suporte a temas que são enviados com Visual Studio Code.
- Adiciona uma seção Links Úteis na barra lateral do Microsoft Edge Tools , com botões para Documentação, Relatar um Bug e Solicitar um recurso.
- Adiciona um botão Fechar instância (
X
) no painelDestinos das Ferramentas> do Microsoft Edgepara fechar o navegador aberto pela extensão. - Adiciona suporte para conexões de depurador JavaScript a workspaces remotos.
A extensão em execução dentro de Visual Studio Code, que corresponde ao tema escuro de Visual Studio Code e uma nova barra lateral links úteis:
Também há suporte para temas leves de Visual Studio Code:
Veja também:
Ícones de ponto de interrupção agora são exibidos ao usar temas Visual Studio Code
No Microsoft Edge versão 93, você pode aplicar temas usados em Visual Studio Code à extensão DevTools. Para obter mais informações sobre esse recurso, consulte Aplicar temas de cor ao DevTools.
Anteriormente, ao usar um tema de Visual Studio Code em DevTools, ícones de ponto de interrupção na margem esquerda do código na ferramenta Fontes não foram exibidos. A partir do Microsoft Edge 94, os ícones do ponto de interrupção agora são exibidos conforme o esperado:
Veja também:
Navegue até o botão Mais Ferramentas com o teclado
Anteriormente, você não podia navegar até o botão Mais Ferramentas (+
) no DevTools usando as teclas de seta no teclado quando a barra de ferramentas tinha foco. Ao usar as teclas de seta, depois de atingir a última ferramenta na barra de ferramentas, o foco voltou para a primeira ferramenta ou o menu Mais guias foi exibido.
Começando com o Microsoft Edge versão 93, o botão Mais guias (>>
) e o botão Mais Ferramentas podem ser selecionados usando as teclas de seta, quando o foco está na barra de ferramentas:
Veja também:
Observação
Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Internacional de Atribuição do Creative Commons 4.0. A página original é encontrada aqui e é de autoria de Jecelyn Yeen (advogada do desenvolvedor, Chrome DevTools).
Este trabalho é licenciado sob uma Licença Internacional de Atribuição do Creative Commons 4.0.