O que as novidades do Microsoft Edge trazem para quem desenvolve para a web

As novidades do Microsoft Edge para desenvolvimento web cobrem medição de desempenho, depuração, interação com agentes de navegação e edição de texto em campos de formulário. O ponto importante é que elas não estão todas no mesmo estágio: há recursos documentados nas versões do navegador e no DevTools, opções experimentais e propostas que ainda não devem ser tratadas como prontas para produção. 16333940

Como investigar transições lentas em SPAs

Em um aplicativo de página única — conhecido pela sigla SPA — a pessoa pode mudar de uma área para outra sem carregar um documento novo. Por isso, medir apenas o carregamento inicial não mostra toda a experiência. A API Performance do Edge passa a incluir dois tipos de registro para ajudar a analisar essas mudanças: soft-navigation, que informa alterações no histórico do mesmo documento iniciadas por interações, e interaction-contentful-paint, que registra a exibição de conteúdo novo em partes da página modificadas após uma interação. 40

As notas do Edge também descrevem heurísticas de navegação suave para coletar métricas de desempenho em SPAs. Esses dados ajudam a investigar quando uma transição ocorreu e quando o conteúdo associado apareceu. São sinais para diagnóstico, não uma correção automática para problemas de desempenho. 3940

Entenda o que acontece entre amostras de JavaScript

Os marcadores de JavaScript Self-Profiling acrescentam contexto sobre o trabalho do navegador entre amostras de execução do JavaScript. Esse contexto pode incluir atividades como estilização, layout, pintura e coleta de lixo. Assim, fica mais fácil distinguir o tempo gasto no código da aplicação daquele usado em outras tarefas do navegador. Antes de incorporar o recurso a um fluxo de trabalho de produção, confira a documentação do Edge e sua disponibilidade atual. 1

Reenvie e edite requisições pelo DevTools

No painel Network do DevTools, o comando Resend envia novamente uma requisição capturada sem recarregar a página. Isso permite verificar o comportamento de uma solicitação repetida. 18

O fluxo Edit and resend as Fetch permite alterar uma requisição capturada e testá-la como uma chamada fetch() no Console. É uma forma mais prática de depurar solicitações, mas não torna a conexão de rede mais rápida. A atualização para desenvolvedores da Microsoft apresenta o novo fluxo, e a documentação do Edge explica o reenvio de requisições. 118

WebMCP: ações estruturadas para agentes de navegação

WebMCP é uma proposta em desenvolvimento para que um site exponha ações estruturadas que um agente de navegação possa usar. A ideia é permitir que o agente interaja com o site por meio de ferramentas ou ações declaradas, em vez de depender apenas da interpretação visual da página. A Microsoft apresenta WebMCP como um recurso inicial para testes: não presuma que ele esteja disponível para todos os usuários. 1

OpaqueRange permite trabalhar com trechos de texto em formulários

OpaqueRange representa um trecho dinâmico de texto dentro de um <input> baseado em texto ou de um <textarea>. Isso pode servir de base para interações específicas com trechos de texto em campos de formulário, como posicionar uma interface relacionada ou aplicar destaques, sem expor os nós internos do controle. A Microsoft lista OpaqueRange nas atualizações da plataforma web do Edge 152. 133

Web Install API: teste não significa suporte universal

A Web Install API permite que um site solicite a instalação de outro aplicativo web usando a função assíncrona navigator.install() e a experiência de instalação integrada ao navegador. A Microsoft anunciou a API para testes em sites por meio de um origin trial do Edge — um programa de experimentação, não uma garantia de suporte em todos os navegadores ou para todos os usuários. 6

O elemento de menu nativo ainda está nos planos

A Microsoft também descreveu um elemento nativo <menu>, pensado para oferecer comportamento de menu integrado ao navegador. Como se trata de um recurso planejado, desenvolvedores não devem presumir que ele já esteja disponível de forma geral nem depender dele em funcionalidades de produção. 1

O que dá para experimentar

A documentação do Edge descreve o reenvio de requisições no DevTools, e as notas da versão 152 incluem OpaqueRange. A Web Install API tem um caminho de testes por origin trial. Para métricas de navegação suave, WebMCP e marcadores de JavaScript Self-Profiling, vale conferir a versão atual e os requisitos de teste antes de depender deles. Já o elemento <menu> nativo continua sendo um plano. 1618333940