BT

Disseminando conhecimento e inovação em desenvolvimento de software corporativo.

Contribuir

Tópicos

Escolha a região

Início Notícias Novas ferramentas F12 para desenvolvedores no novo Microsoft Edge

Novas ferramentas F12 para desenvolvedores no novo Microsoft Edge

Favoritos

A Microsoft anunciou que o Edge é o nome do novo navegador web que irá substituir o Internet Explorer 11. Formalmente conhecido como projeto Spartan, o Edge pretende ser um sério competidor na moderna arena da web. Parte desse esforço se destaca pela experiência da ferramenta de desenvolvimento cheia de recursos. Na Build 2015, uma conferência anual da Microsoft, Andy Sterland introduziu alguns dos novos recursos das ferramentas de desenvolvimento F12, presentes no Edge.

Em sua fala em "O que há de novo no F12 do Microsoft Edge (formalmente conhecido como Projeto Spartan)", Sterland explicou como a Microsoft planeja fazer com que suas novas ferramentas combinarem com o poder do seu novo navegador. Disse ainda que sua equipe está focado no Microsoft Edge e que as ferramentas existentes no Internet Explorer estão descontinuadas e não serão mais atualizadas.

As novas ferramentas são construídas em TypeScript e como estão sempre "em execução", os desenvolvedores não terão que se preocupar em carregar ou recarregar a página na tentativa de visualizar as alterações realizadas.

As ferramentas foram melhoradas em uma variedade de formas:

  1. Melhoria na navegação do código;
  2. Sempre que possível, as ferramentas compartilham atalhos comuns entre o Chrome e o Edge, a fim de tornar mais fácil a aprendizagem dos desenvolvedores e a alternância de navegadores enquanto desenvolvem seus aplicativos;
  3. Melhorias no Console:

              1. Identificar no código de qual parte veio a mensagem de log;

              2. Tecla Esc para abrir;

              3. Links clicáveis na mensagem (como uma url mostrada no código / depurador);

  1. Integração DOM Explorer:

             1. Destaque de elementos;

             2. Inspecionar elemento na timeline.

As duas ferramentas usadas anteriormente para profiling: Script profiler e UI (ferramenta de capacidade de resposta), foram substituídos pelo novo Combined Profiler, este com uma pilha de chamada JavaScript contendo HTML / CSS na timeline e adicionado um novo perfil para a amostragem da CPU. Nessa ferramenta, as informações da CPU são coletadas em um intervalo de tempo específico e não capturam cada chamada, dessa forma apresentam uma baixa sobrecarga.

Na ferramenta Memory, destacam-se os nós perdidos (leaked) e o fornecedor DOM, destacando a parceria com o DOM Explorer. Para tornar isso mais fácil, um novo método do Console, pode ser utilizado para criar uma cópia da memória indicado pelo desenvolvedor ao invés de fazê-lo manualmente no momento de execução do aplicativo.

Apesar de todas essas funcionalidades terem sido adicionadas, novos trabalhos estão sendo realizados para que no futuro a capacidade da ferramenta seja ampliada. Sterland comentou que sua equipe está estudando implementar novas funcionalidades experimentais e, conforme forem sendo desenvolvidos, serão disponibilizados em uma guia adicional experimental, são eles:

  1. Edição de JavaScript e CSS;
  2. Inspeção de Cookies;
  3. Armazenamento local e de seção.

Avalie esse artigo

Relevância
Estilo/Redação

Conteúdo educacional

BT