BT

Novas ferramentas F12 para desenvolvedores no novo Microsoft Edge

| por Jeff Martin Seguir 16 Seguidores , traduzido por Luis Cesar Barreto Seguir 26 Seguidores em 31 mai 2015. Tempo estimado de leitura: 2 minutos |

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

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

Dê sua opinião

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão
Comentários da comunidade

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

Dê sua opinião

Faça seu login para melhorar sua experiência com o InfoQ e ter acesso a funcionalidades exclusivas


Esqueci minha senha

Follow

Siga seus tópicos e editores favoritos

Acompanhe e seja notificados sobre as mais importantes novidades do mundo do desenvolvimento de software.

Like

Mais interação, mais personalização

Crie seu próprio feed de novidades escolhendo os tópicos e pessoas que você gostaria de acompanhar.

Notifications

Fique por dentro das novidades!

Configure as notificações e acompanhe as novidades relacionada a tópicos, conteúdos e pessoas de seu interesse

BT