Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Esses são os recursos mais recentes na versão estável do Microsoft Edge DevTools.
Vídeo: Novidades no DevTools 111
Depuração remota do Microsoft Edge, PWAs e controles WebView2 em dispositivos HoloLens 2
As Ferramentas Remotas para o aplicativo Microsoft Edge agora estão disponíveis em dispositivos HoloLens 2. As Ferramentas Remotas para o aplicativo Microsoft Edge são um plug-in para o Portal de Dispositivos do Windows para Área de Trabalho que permite a depuração remota de guias no Microsoft Edge, Aplicativos Web Progressivos (PWAs) e controles WebView2. Usando a depuração remota, você pode executar o conteúdo da Web em um dispositivo remoto e depurá-lo diretamente do seu computador de desenvolvimento.
Com a depuração remota habilitada, você não precisa mais abrir o DevTools em dispositivos do HoloLens 2. Em vez disso, você pode se conectar ao dispositivo remoto HoloLens 2 usando o portal do dispositivo, abrir a edge://inspect página e selecionar o destino (guia, PWA ou controle WebView2) que deseja usar com o DevTools.
Para nos enviar comentários sobre o fluxo de depuração remota do Microsoft Edge, deixe um comentário no Problema 136: Depuração remota Os dispositivos HoloLens 2 agora estão disponíveis com a versão mais recente do aplicativo Ferramentas Remotas para Microsoft Edge.
Veja também:
- Depurar remotamente dispositivos Windows
- Portal de Dispositivos do Windows para Área de Trabalho
- Depuração remota de aplicativos do HoloLens 2 WebView2 WinUI 2 (UWP)
A barra de ferramentas Modo de Dispositivo tem controles de emulação para temas e deficiências visuais
Em versões anteriores do Microsoft Edge, para emular diferentes temas ou deficiências visuais, você usaria a ferramenta Renderização para, por exemplo, emular o Achromatopsia, que é quando o usuário não consegue perceber nenhuma cor.
No Microsoft Edge 111, agora você pode acessar esses controles de emulação de tema e deficiência visual diretamente da barra de ferramentas Modo de Dispositivo , além de usar a ferramenta Renderização .
Por exemplo, para emular o modo de alto contraste e testar como o conteúdo da Web responde:
- Na barra de ferramentas Modo de dispositivo, à direita da lista suspensa Limitação , clique em Emular recursos de mídia (o ícone do conta-gotas,
). - Select forced-colors: active:
Você também pode emular deficiências visuais clicando no ícone do Olho ao lado do ícone do Conta-gotas. Por exemplo, para emular a visão turva:
- Clique em Emular Deficiência de Visão (o ícone de olho,
). - Selecione Visão turva:
Veja também:
- Emular dispositivos móveis (Emulação do dispositivo)
- Verifique se há problemas de contraste com o tema escuro e o tema claro
- Emular deficiências visuais
A ferramenta Desempenho remove o mínimo de nomes de arquivo e função ao criar o perfil do código de produção
O Microsoft Edge 99 adicionou um novo recurso à ferramenta Desempenho chamado Unminify. Esse recurso Unminify aplicou sourcemaps a um perfil que foi gravado com a ferramenta Desempenho e, em seguida, baixou o perfil não minificado para o seu computador. O recurso Desminify é descrito em Usar seus mapas de origem para exibir nomes de função originais em perfis de desempenho em Novidades no DevTools (Microsoft Edge 99).
No Microsoft Edge 111, esse recurso foi removido, pois a ferramenta Desempenho agora fornece automaticamente os nomes originais do arquivo e da função ao criar o perfil do código de produção, desde que os mapas de origem sejam carregados. Os mapas de origem podem ser carregados de forma confiável e segura hospedando-os no Servidor de Símbolos de Artefatos do Azure.
Na imagem a seguir, você vê nomes de função reduzidos no gráfico de degradê ao criar o perfil do código de produção:
Agora no Microsoft Edge 111, a ferramenta Desempenho desminifica automaticamente os nomes de função no gráfico de degradê ao criar o perfil do código de produção:
Veja também:
- Depurar com segurança o código original publicando mapas de origem para o servidor de símbolos do Azure Artifacts
- Depurar com segurança o código original usando mapas de origem do servidor de símbolos do Azure Artifacts
- Registrar o desempenho na referência de recursos de desempenho.
O painel Estilos está mais fácil de usar no Modo de Foco
Nas versões anteriores do Microsoft Edge, no Modo de Foco, a ferramenta Elementos não fornecia uma maneira fácil de acessar todas as guias no painel Estilos . No Microsoft Edge 111, esse problema foi corrigido. Quando o painel Estilos tiver uma visor estreita e não puder exibir todas as outras guias disponíveis, clique no ícone de expansão Mais guias (
):
Para exibir apenas algumas das guias no painel Estilos , clique no ícone do recolhedor Mais guias (
):
Veja também:
Copiar tabela de estatísticas do seletor da ferramenta Desempenho para o Excel
O Microsoft Edge 109 introduziu o recurso Estatísticas do Seletor na ferramenta Desempenho . Com a configuração Habilitar instrumentação de renderização avançada (lenta) ativada na ferramenta Desempenho , selecionar qualquer evento Recalcular estilos no gráfico de degradê adiciona uma guia Estatísticas do seletor no painel inferior. Consulte Depurar eventos de Recalcular Estilo de longa execução com novas estatísticas de seletor em Novidades do DevTools (Microsoft Edge 109).
No Microsoft Edge 111, agora você pode exportar a tabela de estatísticas do seletor para cada evento Recalcular estilos para uma pasta de trabalho do Microsoft Excel. Em seguida, você pode usar o Excel para fazer uma análise agregada do desempenho do seletor e identificar os seletores mais dispendidos durante o tempo de vida do perfil.
Para exportar a tabela Estatísticas do seletor :
- Clique na célula superior esquerda com o mouse e arraste-a para selecionar para a célula inferior direita.
- Clique com o botão direito do mouse na tabela e selecione Copiar. Ou pressione Ctrl+C (Windows, Linux) ou Command+C (macOS).
- Cole a tabela no Excel.
Veja também:
No Modo de Foco, a tecnologia assistiva anuncia quando você move uma ferramenta para a Visualização Rápida
Em versões anteriores do Microsoft Edge, a tecnologia adaptativa, como leitores de tela, não anunciava a confirmação ao mover uma ferramenta da Barra de Atividades para a barra de ferramentas de Visualização Rápida . No Microsoft Edge 111, esse problema foi corrigido. Os leitores de tela agora anunciam "Rede adicionada com êxito ao Modo de Exibição Rápida" quando você move a ferramenta Rede da Barra de Atividades para a barra de ferramentas de Exibição Rápida :
Veja também:
Anúncios do projeto Chromium
O Microsoft Edge 111 também inclui as seguintes atualizações do projeto Chromium:
- Depuração de cores HD com o painel Estilos
- UX de ponto de interrupção aprimorada
- Melhor realce de sintaxe para Angular
- Reorganizar caches no painel Aplicativo