Novidades no DevTools (Microsoft Edge 98)
Para ver as funcionalidades mais recentes do Microsoft Edge DevTools e a extensão DevTools do Microsoft Edge para o Microsoft Visual Studio Code e Visual Studio, leia estes anúncios.
Para se manter atualizado e obter as funcionalidades mais recentes do DevTools, transfira uma versão de pré-visualização do Insider do Microsoft Edge. Quer esteja no Windows, Linux ou macOS, considere utilizar o Canary (ou outro canal de pré-visualização) como o browser de desenvolvimento predefinido. As versões Beta, Dev e Canary do Microsoft Edge são executadas como aplicações separadas, lado a lado com a versão estável e lançada do Microsoft Edge. Consulte Microsoft Edge Insider Channels.
Para obter os anúncios mais recentes, siga a equipa do Microsoft Edge no Twitter. Para comunicar um problema com o DevTools ou pedir uma nova funcionalidade, submeta um problema no repositório MicrosoftEdge/DevTools .
Vídeo: Microsoft Edge | Novidades no DevTools 98
Veja as funcionalidades mais recentes e mais importantes do Microsoft Edge
Em 2021, as ferramentas de programação para o Microsoft Edge têm dado um enorme salto em frente. O Visual Studio Code, o DevTools e o browser fornecem agora vários fluxos de trabalho integrados para depuração de JavaScript, espelhamento de alterações de CSS e screencast a partir do browser. Entre o Modo de Detalhe, o suporte para temas do Visual Studio Code e outras opções de personalização, a equipa do Microsoft Edge está a trabalhar para facilitar e simplificar a utilização das DevTools.
Veja todas estas notícias e muito mais na nossa publicação de blogue de revisão anual, Olhando para o Microsoft Edge para programadores em 2021.
Automatizar o modo IE com o Controlador do Internet Explorer
A partir de 15 de junho de 2022, o Internet Explorer 11 deixará de ser suportado em determinadas versões do Windows 10. O modo IE é uma funcionalidade do Microsoft Edge para organizações que ainda precisam do Internet Explorer 11 para compatibilidade com sites ou aplicações legados. Para suportar o teste desses sites e aplicações legados, agora pode automatizar o modo IE com o Selenium 4 e o Controlador do Internet Explorer.
Veja também:
Emular o modo de cores forçadas
Além de emular o modo escuro, claro e de impressão para a página Web atual, agora também pode ver o aspeto da sua página Web para utilizadores com o modo de cores forçadas ativado. O modo de cores forçadas é uma funcionalidade de acessibilidade do sistema operativo. Força as cores na página Web a serem reduzidas a uma paleta de cores limitada, como o modo Alto Contraste do Windows. A emulação do modo de cores forçadas permite-lhe fazer uma verificação pontual sem ter de alterar as definições do seu próprio sistema.
Para ativar a emulação de cores forçadas, em DevTools, abra a ferramenta DevTools e, em seguida, na lista pendente Emular cores forçadas de multimédia CSS, selecione cores forçadas: ativas.
Sem a emulação de cores forçadas ativada, a página Web seguinte tem várias cores diferentes de texto em diferentes cores de fundo:
Com a emulação de cores forçadas ativada na ferramenta Composição , a página Web muda para texto preto num fundo branco:
Veja também:
Os ícones de atividade no Registo de Eventos da ferramenta Desempenho têm agora descrições
Em versões anteriores do Microsoft Edge, o separador Registo de Eventos na ferramenta Desempenho apresenta ícones codificados por cores que representam o tipo de atividade para cada evento. No entanto, o Registo de Eventos não apresenta informações sobre que tipo de atividade é representado por cada cor. No Microsoft Edge 98, foram adicionadas descrições aos eventos de atividade no separador Registo de Eventos , indicando Scripting, Composição, Pintura, Sistema e Tempo de inatividade, para cada evento.
Veja também:
Os tamanhos rasos na ferramenta Memória são agora representados como valores decimais
Nas versões anteriores do Microsoft Edge, o tamanho raso num instantâneo de área dinâmica para dados na ferramenta Memória é normalmente reportado como 0%, porque o tamanho raso é tão pequeno, em relação ao tamanho total da área dinâmica para dados. No Microsoft Edge 98, o tamanho raso é agora reportado como um valor decimal, se o tamanho estiver entre 0% e 1% da área dinâmica para dados.
Veja também:
Correção: a caixa de texto Procurar na ferramenta Rede pode agora ser redimensionada
Nas versões anteriores do Microsoft Edge, na ferramenta Rede , a caixa de texto Procurar não é redimensionada quando altera a largura do painel. Quando o painel é estreito, os botões Atualizar e Limpar não são apresentados. No Microsoft Edge 98, este problema foi corrigido.
Veja também:
- Procure cabeçalhos e respostas de rede em Inspecionar atividade de rede.
Correção: os ícones para funções de trabalho de serviço e etiquetas de script na ferramenta Elementos estão agora alinhados
Em versões anteriores do Microsoft Edge, os ícones Expandir (
) na secção Funções de Trabalho de Serviço da ferramenta Aplicação não estavam alinhados. O número da versão na tabela Ciclo de Atualização estava a cortar os ícones Expandir . No Microsoft Edge 98, este problema foi corrigido:
Além disso, na ferramenta Elementos , o ícone Expandir (
) para <script> etiquetas foi desalinhado. No Microsoft Edge 98, este problema foi corrigido:
Veja também:
- Service workers in Debug Progressive Web Apps (PWAs) - debugging service workers in DevTools (Depurar Aplicações Web Progressivas (PWAs) – depuração de funções de trabalho de serviço em DevTools.
Anúncios do projeto Chromium
O Microsoft Edge versão 98 também inclui as seguintes atualizações do projeto Chromium:
Funcionalidade de pré-visualização: árvore de acessibilidade de página inteira
Certifique-se de que as páginas são em cache com o separador Cache Anterior/Reencaminhada
Suporte para inverter linhas e colunas invertidas no editor do Flexbox
Novos atalhos de teclado para reproduzir XHR e expandir todos os resultados da pesquisa