Novidades em DevTools (Microsoft Edge 124)
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 .
eventos postMessage e manipuladores são diferenciados de outros eventos
A nova linha do tempo do experimento: mostrar fluxos de expedição e tratamento de postMessage melhora a seção Principal da ferramenta de desempenho para ajudá-lo a identificar postMessage
rapidamente eventos e manipuladores, distinguindo eventos que são disparados pelo postMessage
método de outros eventos exibidos na ferramenta Performance. Este experimento ajuda você a investigar problemas de desempenho relacionados à postagem de mensagens em vários threads de um aplicativo, para exibir mensagens entre janelas, iframes e trabalhos dedicados.
Sem esse experimento, os eventos disparados pela expedição e tratamento de mensagens entre threads de um aplicativo aparecem como eventos genéricos de chamada de função de script. Com este experimento habilitado:
-
postMessage
eventos de expedição aparecem como Agendar postMessage. -
postMessage
Os eventos do manipulador aparecem como Na Mensagem:
Este experimento ajuda você a investigar quando uma postMessage
chamada ocorreu e quanto tempo a mensagem foi enfileirada antes do início do postMessage
manipulador. Os eventos de expedição estão vinculados a eventos de manipulador por setas do iniciador que aparecem quando você clica em qualquer tipo de evento:
Para usar esse recurso, em DevTools, selecione Personalizar e controlar DevTools () >Configurações>Experimentos, selecione a caixa de seleção Linha do Tempo: Mostrar fluxos de expedição e tratamento de postMessage, clique no botão Fechar (X) e clique no botão Recarregar DevTools .
Veja também:
- Referência de recursos de desempenho
- demonstração de eventos de rastreamento postMessage (renderizado)
- demonstração postMessage Trace Events (código-fonte)
Mover uma guia para a esquerda ou para a direita na barra de atividades clicando com o botão direito do mouse nela
Antes do Microsoft Edge 124, você poderia reorganizar as guias na barra atividades apenas arrastando-as. Isso pode ser difícil para usuários que estão usando dispositivos de entrada, como um trackball ou ponteiro principal. Agora, você também pode mover uma guia para a esquerda ou para a direita clicando com o botão direito do mouse na guia e selecionando Mover para a esquerda ou Mover para a direita:
Veja também:
- Fixar e reorganizar ferramentas na Barra de Atividades em Visão Geral de DevTools.
A guia Rede mostra um ícone de aviso ao usar substituições ou limitações
Versões recentes pararam de mostrar um ícone de aviso na guia da ferramenta Rede ao usar substituições ou limitações. Esse problema foi corrigido. Quando você habilita substituições locais na ferramenta Fontes , a guia Rede agora exibe um ícone de aviso:
Além disso, quando você ativa a limitação na ferramenta Rede , a guia Rede agora exibe um ícone de aviso:
Veja também:
- Substituir recursos de página da Web com cópias locais (guia Substituições)
- Emular conexões de rede lentas na referência de recursos de rede.
Anúncios do projeto Chromium
O Microsoft Edge 124 também inclui as seguintes atualizações do projeto Chromium:
- Novo painel autofill
- Limitação de rede aprimorada para WebRTC
- Suporte a animações orientadas a rolagem no painel Animações
- Suporte de aninhamento do CSS aprimorado em Estilos de Elementos >
- Painel desempenho aprimorado
- Dicas de ferramentas para categorias especiais em instantâneos do Heap de Memória >
- Atualizações do Armazenamento de Aplicativos >
- Melhorias no painel de cobertura
- Preterição do JavaScript Profiler: Fase quatro, final