Mais um ano em torno do sol, e estamos de volta ao Build para falar sobre – você adivinhou – o que há de novo para desenvolvedores com o Microsoft Edge. Começamos essa jornada há 2,5 anos, quando lançamos a versão mais recente do Microsoft Edge criada no mecanismo de código aberto Chromium e mal podemos esperar para falar sobre o que há de novo e por vir.

Mas enquanto a Microsoft A jornada de borda está apenas começando, outra jornada histórica está terminando: em menos de um mês, em 15 de junho de 2022, o Internet Explorer 11 será desativado e sair oficialmente do suporte. Lembra do Internet Explorer original? Só pode ter sido a primeira maneira que você acessou a internet. Desde então, o Internet Explorer ajudou a colocar o mundo online, fornecendo vídeos e memes sem fim e até mesmo ajudando você a fazer um pouco (ou muito!) no trabalho. Portanto, é com afetuosa lembrança que celebramos sua vida e seu legado.


Nós da equipe do Microsoft Edge agradecemos todos que desenvolveram aplicativos e sites para o Internet Explorer ao longo dos anos ou gerenciaram o próprio navegador. Embora o aplicativo de desktop do Internet Explorer possa estar se aposentando, o futuro do Internet Explorer pode ser encontrado no Microsoft Edge por meio de um pequeno recurso bacana chamado modo IE.

Agora, porém, vamos falar sobre até onde chegamos e para onde estamos indo com a plataforma Microsoft Edge Chromium.


WebView2 em mais lugares—disponibilidade geral chegando para WebUI 2/UWP

Se você é um desenvolvedor WinUI 2/UWP, temos ótimas notícias para você: O WebView2 estará disponível para WinUI 2/UWP ao longo dos próximos meses para que você possa trazer o melhor da plataforma Microsoft Edge Chromium para seus aplicativos híbridos. Esteja você ampliando seu aplicativo nativo com recursos da Web ou criando uma interface de usuário da Web de página inteira, o WebView 2 estará pronto para você em breve.

Também estamos entusiasmados em oferecer o WebView2 em mais lugares do que nunca. Conforme anunciado em//Build, o.NET MAUI agora está disponível para todos, com o WebView2 disponível também para suas necessidades de conteúdo da web. Mas não paramos por aí. Pretendemos levar o WebView2 para ainda mais plataformas no futuro, incluindo Xbox e Hololens.

Desempenho mensurável e ganhos de recursos usando o Microsoft Edge


A migração para o Microsoft Edge e WebView2 pode melhorar drasticamente o desempenho, e os clientes já estão vendo o valor. Em testes realizados pela Cerner Corporation, o uso do Microsoft Edge WebView2 reduziu o tempo de renderização em 85%, a utilização da CPU em 33% e a utilização da memória em 32% em comparação com a execução de suas soluções usando o Internet Explorer. Leia a história deles aqui.

Saiba como comece a usar o Webview2 aqui.

Aplicativos da Web progressivos , progressivamente melhor

O uso progressivo de aplicativos da Web (PWA) aumentou recentemente e por um bom motivo: quem não gostaria de uma experiência de aplicativo poderosa e leve alimentada por conteúdo dinâmico da Web? À medida que a web moderna evolui e adiciona novos e ricos padrões da web, os PWAs obtêm acesso a recursos que historicamente só eram possíveis no contexto de aplicativos nativos. Essa evolução da web levou a um crescente catálogo de PWAs, permitindo aos usuários a oportunidade de experimentar o conteúdo da maneira que quiserem – em aplicativos nativos, PWAs ou no próprio navegador.

Progressive Web App compartilhando um arquivo usando a interface de compartilhamento da plataforma nativa

Para ajudar a tornar os PWAs atraentes como qualquer outro aplicativo, estamos anunciando algumas atualizações para PWAs com tecnologia Microsoft Edge para torná-los mais poderosos na área de trabalho. Essas atualizações incluem habilitar novas APIs para manipulação de protocolo por padrão e melhorar as notificações para que sejam marcadas como provenientes do próprio aplicativo em vez do navegador Microsoft Edge. Com essas melhorias, os PWAs continuam a evoluir sites antigos para se tornarem aplicativos integrados que ficam em casa quando instalados no Windows.

Página de aplicativos reprojetados no Microsoft Edge

Também estamos tornando mais fácil do que nunca para os usuários descobrirem e gerenciarem seu próximo PWA favorito. Os usuários podem encontrar PWAs ao lado de aplicativos nativos na Microsoft Store para facilitar a descoberta em um local onde já estão procurando aplicativos. Também reformulamos a página de aplicativos no Microsoft Edge, criamos uma nova experiência do Apps Hub e adicionamos a sincronização de aplicativos entre dispositivos para uma melhor experiência do usuário.

Por fim, continuamos melhorando a experiência do desenvolvedor de PWAs em parceria com o PWABuilder. O site PWABuilder aprimorado inclui um novo projeto PWA Starter e uma nova extensão do VSCode — PWA Studio — que torna toda a experiência de criação e publicação de um PWA na Microsoft Store mais simples. O PWABuilder também está ajudando você a aproveitar ao máximo seus investimentos em PWA adicionando suporte para envio de PWAs em dispositivos de realidade virtual e mista – tanto no HoloLens quanto no Meta Quest.

Leia mais sobre como criar PWAs usando a plataforma Microsoft Edge Chromium e o PWABuilder em nosso Blog de recapitulação”30 dias de PWAs”.

DevTools em evolução com novas ferramentas poderosas e um experiência do usuário

Estamos em uma jornada para melhorar o DevTools por meio de seus comentários. Nosso objetivo é ajudá-lo a alcançar mais, ser mais produtivo e criar experiências melhores por meio de ferramentas poderosas e intuitivas. lançou o novo repositório de comentários do GitHub for DevTools é para: canalizar seu v oice no produto.

Uma coisa que ouvimos alto e claro é que as DevTools são muito complexas, até mesmo esmagadoras. É por isso que estamos trabalhando para simplificar a interface do DevTools com uma nova experiência que oferece mais opções de personalização e aprendizado.

A nova IU simplificada apresenta uma nova barra de atividades compacta e personalizável. A barra de atividades usa ícones de ferramentas distintos para simplificar a navegação e você pode personalizá-la com qualquer uma das mais de 30 ferramentas disponíveis para personalizar seus fluxos de trabalho. Mais novidades também estão chegando à interface simplificada, incluindo suporte para nossa sobreposição de dicas de ferramentas que fornece informações sobre um painel apenas passando o mouse sobre ele.

Você pode experimentar a nova interface do DevTools por meio do experimento”Modo de foco”, que está atualmente disponível em todos os canais do DevTools. Se ainda não estiver ativado em seu dispositivo, você pode saiba mais sobre o experimento e ative-o aqui.

Também lançamos um conjunto de novas ferramentas avançadas que simplificam investigações de memória e desempenho no DevTools e permitem que você depure com segurança em produção com mapas de origem do Azure Servidor de símbolos de artefatos. Assista à nossa sessão de aprofundamento em Build no início deste blog para saber mais.

Tudo isso e muito mais pode ser encontrado em nossas notas de versão consolidadas disponíveis na tela”Bem-vindo”do DevTools a cada versão. Da próxima vez que o DevTools for atualizado, confira para se manter atualizado com os melhores e mais recentes! Ou você também pode encontrar tudo o que há de novo em nosso O que há de novo Nova documentação e em nossa série de vídeos do YouTube.

Olhando para o futuro

//A construção é sempre uma das nossas épocas favoritas do ano e estamos muito empolgados em compartilhá-la com você em todo o mundo como um evento digital. Seja durante o//Build ou depois, estamos ansiosos para ouvir seus pensamentos, desejos e ideias para a plataforma Microsoft Edge Chromium. Conecte-se conosco no Twitter (@MSEdgeDev) ou no página da comunidade de tecnologia do Microsoft Edge Insider. Por fim, mantenha-se atualizado com as últimas notícias do DevTools inscrevendo-se em nosso canal do Microsoft Edge no YouTube e verificando nosso O que há de novo na série de vídeos DevTools.

Recursos de criação

Para obter uma lista completa de recursos para desenvolvedores relacionados para o Microsoft Edge, confira nossa lista compilada aqui: https://aka.ms/EdgeBuild2022.