fbpx

Microsoft anuncia app Microsoft Edge DevTools Preview

A Microsoft anunciou hoje a disponibilidade dos DevTools como um aplicativo Web na Microsoft Store. O novo aplicativo Microsoft Edge DevTools Preview permite que você visualize as mais recentes DevTools executando lado a lado com as ferramentas incluídas no Microsoft Edge.

Você pode instalar o aplicativo DevTools Preview no Windows 10 Fall Creators Update ou mais recente. Como o aplicativo DevTools Preview é baseado na versão Insider Preview mais recente do Microsoft Edge DevTools, isso permite que você use as atualizações mais recentes para o Microsoft Edge DevTools sem instalar uma versão completa do Insider.

Além disso, alguns novos recursos serão exclusivos do aplicativo, como depuração fora do navegador local, incluindo conteúdo da Web em aplicativos e dispositivos de depuração remota.

Depurando a Web fora do navegador

Quando pensamos na web, pensamos em grande parte nos navegadores. Mas a web aparece em muito mais superfícies do que apenas o navegador no Windows: WebViews em aplicativos, suplementos para Office, Cortana, Progressive Web Apps na Microsoft Store e muitos outros lugares. O aplicativo de visualização DevTools permite anexar as ferramentas a qualquer instância do mecanismo EdgeHTML no Windows para depuração.

Captura de tela das janelas "destinos de depuração" da DevTools PreviewO aplicativo DevTools Preview permite que você conecte o Microsoft Edge DevTools a qualquer destino EdgeHTML local ou remoto.

Depurando dispositivos remotos

A web também roda em dispositivos diferentes da sua máquina dev. Como você depuraria a Web em um dispositivo Xbox, HoloLens ou IoT? Um dos primeiros recursos que estamos visualizando no novo aplicativo DevTools é a depuração remota. Ao ativar o Device Portal no aplicativo Configurações, você pode se conectar a esse dispositivo pela rede ou via USB para depurar remotamente a partir do aplicativo DevTools Preview.

Captura de tela mostrando a alternância de configurações para "Modo de desenvolvedor"

Estamos visualizando isso com o suporte para a depuração de JS de outra instância do Microsoft Edge em outro dispositivo de desktop ou VM. Com o tempo, adicionaremos suporte para o conjunto completo de DevTools em qualquer instância EdgeHTML em qualquer dispositivo Windows 10. Vamos entrar em mais detalhes sobre a depuração remota em um post futuro.

Captura de tela da depuração remota nas ferramentas Edge Dev

Construindo um protocolo DevTools para um ecossistema de ferramentas

Uma das maiores mudanças no DevTools não é visível em uma captura de tela – o novo Microsoft DevTools Protocol. Anteriormente, o Microsoft Edge DevTools funcionava por meio de invasores nativos invasivos nos mecanismos EdgeHTML e Chakra. Isso dificultou que outras ferramentas como VS, VS Code, Sonarwhal e outras ferramentas de código aberto no ecossistema suportassem o Microsoft Edge.

O novo aplicativo DevTools usa o EDP para depurar remotamente o Microsoft Edge e, eventualmente, todos os os DevTools usarão o EDP.

O futuro dos DevTools do Microsoft Edge

Nos próximos lançamentos, a Microsoft pretende evoluir suas ferramentas com base no seu feedback. A gigante de Redmond recomenda que você experimente o aplicativo DevTools Preview, envie comentários sobre arquivos e entrar em contato no Twitter com todos os comentários.

Captura de tela mostrando o botão Enviar feedback no Edge DevTools

Via: Microsoft Edge Developer