Dicas de desenvolvimento para o Microsoft Edge

  • Artigo

Há muitas dicas e truques para estar ciente ao criar sites ou aplicativos Web que funcionam no Microsoft Edge, incluindo:

  • Teste para as próximas alterações que podem afetar a compatibilidade do seu site com o Microsoft Edge.
  • Mover usuários para o Microsoft Edge da Internet Explorer.
  • Configurando a prevenção de rastreamento no Microsoft Edge.
  • Detectando o Microsoft Edge em seu site.
  • Desenvolvendo experiências para a barra lateral no Microsoft Edge.
  • Detectando Windows 11 usando dicas de cliente User-Agent.
  • Personalizando o botão de revelação de senha .
  • Exibição de respostas e arquivos JSON formatados nas guias do navegador.

Esses aspectos de desenvolvimento para e com o Microsoft Edge são descritos abaixo.

Alterações que afetam a compatibilidade do site chegando ao Microsoft Edge

Este artigo lista o cronograma de alterações para o Microsoft Edge e o projeto Chromium. Ele também destaca quaisquer diferenças e alterações de alto impacto que a equipe do Microsoft Edge está acompanhando especialmente de perto.

A plataforma Web é uma coleção de tecnologias usadas para criar páginas da Web, incluindo HTML, CSS, JavaScript e muitos outros padrões abertos. A plataforma Web evolui constantemente para melhorar a experiência, a segurança e a privacidade do usuário. Em alguns casos, as alterações podem afetar a funcionalidade das páginas da Web existentes.

Consulte Alterações que afetam a compatibilidade do site chegando ao Microsoft Edge.

Mover usuários para o Microsoft Edge da Internet Explorer

Quando um usuário da Internet Explorer visita um site público incompatível, o usuário pode ser informado pelo site de que o site é incompatível com a Internet Explorer e que o usuário deve mudar para um navegador mais atualizado para usar o site corretamente.

Para minimizar interrupções, o Microsoft Edge dá suporte a um novo recurso que redireciona automaticamente os usuários. Quando um usuário da Internet Explorer vai para um site incompatível com o Explorer da Internet, o Windows pode redirecionar automaticamente o usuário para o Microsoft Edge. Somente sites que fazem parte da lista De necessidade do Microsoft Edge são redirecionados.

Consulte Mover usuários para o Microsoft Edge de Explorer da Internet.

Prevenção de acompanhamento no Microsoft Edge

O recurso de prevenção de rastreamento no Microsoft Edge protege os usuários contra o rastreamento online restringindo a capacidade dos rastreadores de acessar o armazenamento baseado no navegador, bem como a rede.

O recurso de prevenção de rastreamento é criado para manter a promessa de privacidade do navegador microsoft Edge, ao mesmo tempo em que garante que não haja impacto por padrão para a compatibilidade do site ou a viabilidade econômica da Web.

Consulte Acompanhamento da prevenção no Microsoft Edge.

Detectar o Microsoft Edge em seu site

O Microsoft Edge permite que seu site recupere informações do agente de usuário. Você usa as informações do agente de usuário para apresentar as páginas da Web corretamente para o navegador de cada usuário. Os navegadores fornecem mecanismos para os sites detectarem informações do navegador, como marca, número de versão e sistema operacional host.

  • Dicas de cliente do agente de usuário são um mecanismo aprimorado para recuperar informações do navegador.

  • Cadeias de caracteres do Agente de Usuário são herdadas; eles estão desatualizados e têm um histórico de causar problemas de compatibilidade do site.

Talvez você queira fornecer experiências diferentes aos usuários com base em seu navegador. Se você incluir etapas sobre como configurar o Microsoft Edge ou outro navegador para uso com seu site, talvez você queira detectar o navegador e mostrar o conteúdo apropriado.

Consulte Detectar o Microsoft Edge em seu site.

Desenvolver experiências para a barra lateral no Microsoft Edge

A barra lateral no Microsoft Edge é um painel persistente localizado na lateral do navegador, que coexiste com o conteúdo primário do navegador. A barra lateral permite que os usuários acessem facilmente sites e utilitários populares ao lado de suas guias de navegador. O conteúdo na barra lateral aumenta a tarefa principal do usuário, habilitando a navegação lado a lado e minimizando a necessidade de alternar contextos entre as guias do navegador. Com a barra lateral no Microsoft Edge, os usuários podem acessar as ferramentas de produtividade de que precisam, mantendo-se no fluxo de trabalho.

Como desenvolvedor, você pode aproveitar a barra lateral para suas próprias experiências de duas maneiras:

  • Adaptando seu PWA (Aplicativo Web Progressivo) existente para ser executado na barra lateral.
  • Ao fazer uso da API da Barra Lateral em sua extensão do Microsoft Edge.

Consulte Desenvolver para a barra lateral.

Detectar Windows 11 usando dicas de cliente User-Agent

Os sites podem diferenciar os usuários no Windows 11 e no Windows 10 usando User-Agent Dicas de Cliente (UA-CH). O formato User-Agent Dicas do Cliente é usado pelos navegadores para fornecer informações do agente de usuário aos sites.

Os sites podem usar as informações do agente de usuário enviadas do navegador para detectar informações como:

  • A marca do navegador.
  • O número da versão do navegador.
  • A plataforma de dispositivo na qual o navegador está em execução.

Há duas abordagens para sites acessarem informações do agente de usuário:

  • User-Agent cadeias de caracteres (herdadas).
  • User-Agent Dicas do cliente (recomendado).

Consulte Detectar Windows 11 usando dicas de cliente User-Agent.

Personalizar o botão de revelação de senha

O password controle de entrada no Microsoft Edge inclui um botão de revelação de senha . Para garantir que a senha seja inserida corretamente, um usuário pode clicar no botão de revelação de senha ou pressionar Alt+F8 para mostrar os caracteres no campo senha. Você pode remover o controle de revelação de senha ou personalizar o estilo de controle.

Consulte Personalizar o botão de revelação de senha.

Exibir respostas ou arquivos JSON formatados

O Microsoft Edge inclui o visualizador JSON, uma ferramenta que reformata e realça automaticamente os dados JSON mostrados em um navegador para facilitar a leitura.

Formatar e realçar dados JSON é útil porque às vezes um servidor Web responde às solicitações HTTP retornando dados codificados como JSON. Os dados JSON podem ser difíceis de ler quando são formatados como uma única linha de texto longa e concatenada. O mesmo pode ocorrer ao abrir um arquivo JSON do disco. O visualizador JSON reformatiza as respostas do servidor JSON e os arquivos locais e indica todas as linhas que têm erros de sintaxe.

Consulte Exibir JSON formatado.