DevSecOps

29 set, 2015

Por que o novo navegador da Microsoft ainda tem algumas arestas

Publicidade

Este é um review sobre o novo navegador da Microsoft e o que todo desenvolvedor deve saber sobre o desenvolvimento com Microsoft Edge.

Há alguns meses, a Microsoft lançou oficialmente o Windows 10. Com seu novo navegador, chamado Edge, a Microsoft está tentando recuperar a participação de mercado perdida para Chrome e Firefox.

Nós baixamos o Windows 10 e demos uma olhada em como o Microsoft Edge pode influenciar o trabalho diário dos desenvolvedores. Aqui está a nossa primeira impressão do Edge.

edge-for-developers-review

Edge: um grande passo à frente?

A Microsoft afirmou ter reconstruído seu navegador do zero. Com suas pilhas de código legado, o Internet Explorer se tornou o navegador menos amado do mundo atual.

Durante anos, a construção de sites ou aplicações web sempre incluiu formas e soluções alternativas para as várias falhas existentes no Internet Explorer.

Felizmente, a Microsoft percebeu esse problema e construiu o Edge. De acordo com a empresa, o Edge é super rápido e suporta todos os padrões web.

Bem, vamos ver.

As primeiras impressões importam

O navegador parece ser leve e rápido. Pelo menos parece ser mais leve do o Internet Explorer da última vez em que o testamos. (Eu não quero bater no IE aqui, já que a Microsoft tinha se comprometido com alguns bons esforços no IE 11).

O Edge realmente parece ser um “novo” navegador. Ele não se parece como uma atualização do Internet Explorer. E isso é uma coisa boa.

No entanto, eu tenho que dizer que o ícone do desktop “E” ainda me lembra um pouco o seu antecessor.

Espere, ele não é todo novo e brilhante?

Como eu disse, o Edge se parece com um novo navegador, pelo menos no que tange à experiência do usuário. Se você olhar mais profundamente no interior do motor do navegador, não é tudo realmente novo.

O Edge usa uma versão fork do motor de renderização do Internet Explorer, o “Trident”. Basicamente, a Microsoft manteve a tecnologia básica do IE e certificou-se de que o Edge atende aos padrões web atuais.

Desenvolvendo com ferramentas de desenvolvedor do Edge?

Você pode se perguntar se é possível desenvolver com Edge e virar as costas para o Chrome e o Firefox. Aqui está o que o Edge tem a oferecer para os desenvolvedores.

A ferramenta DOM Explorer

A ferramenta DOM Explorer basicamente mostra a estrutura de uma determinada página da web. Ela permite que os desenvolvedores editem o HTML e o CSS de uma página.

dom-explorer-edge-for-developers

Essa ferramenta permite que você faça as mesmas coisas que faria com elemento de seleção do pacote para desenvolvedores do Chrome ou do Firefox.

A ferramenta console

Similar ao console no Firefox ou Chrome, a ferramenta console do Edge permite que você interaja com as peças JavaScript de um determinado site. Ela também serve como um local central para mensagens de erro e códigos de status.

edge-console-tool-developers

O console do Edge parece muito arrumado em comparação com o do Firefox e do Chrome. A interface foi totalmente organizada e está fácil de entender.

A ferramenta de rede

A ferramenta de rede fornece alguns grandes detalhes sobre pedidos de rede envolvidos no carregamento de uma página web. Mais uma vez, oferece características semelhantes à ferramenta de rede presente no Chrome.

network-tool-microsoft-edge-developers

A ferramenta de emulação

Você pode estar se perguntando como o seu site é executado e processado em diferentes dispositivos ou tamanhos de tela. A ferramenta de emulação é ótima para testar seu design responsivo e como ele é exibido nos mais recentes dispositivos. Você terá acesso a mais opções, tais como des/ativar GPS (que não está disponível nas ferramentas de desenvolvedor do Google, por exemplo).

emulation-tool-microsoft-edge-developers

Comparado com a emulação móvel do Chrome, isso ainda é apenas o começo. A emulação de dispositivos móveis do Chrome permite esgotar a velocidade de rede para simular diferentes conexões de redes móveis e também tem um seletor de dispositivos muito prático que redimensiona automaticamente a janela de exibição para o tamanho correto. A abordagem da Microsoft é um pouco mais espartana quando se trata de emulação de dispositivos móveis.

edge-emulation-tool-testing-mobile-developers

Comparação de velocidade

Por último, mas não menos importante: a velocidade. Se as ferramentas para desenvolvedor mencionadas soaram bastante interessantes para você, você pode se perguntar como o Edge compete em termos de velocidade. Eu acho que todos vocês se lembram daquelas piadas sobre a lentidão do IE, certo?

comparison-speed-ie-crhome-firefox

A boa notícia é: o Microsoft Edge pode definitivamente competir com Chrome e Firefox em termos de velocidade e tempo de carregamento.

Ao abrir o site computerworld.com em vários navegadores (em um laptop comum executando o Windows 10), tivemos os seguintes resultados de renderização:

  • Microsoft Edge: 8,9 segundos
  • Google Chrome: 7,1 segundos
  • Mozilla Firefox: 12,6 segundos
  • Internet Explorer 11: 10,4 segundos

Outros testes tiveram resultados iguais ou semelhantes. O Google Chrome ainda parece ser o navegador mais rápido disponível, seguido de perto pelo Microsoft Edge, que foi melhor do que o esperado.

Não há extensões de navegador

Realmente parece que a Microsoft está no caminho certo com o Edge. Ele é rápido e tem um design fluido. No entanto, há uma grande desvantagem na escolha do Edge: não há extensões de navegador disponíveis. Pelo menos por enquanto. De acordo com um artigo recente no site ‘The Next Web, a Microsoft disse que “em breve” vai suportar extensões.

Então, se você está acostumado a todo o tipo de extensões para ser mais produtivo, isso pode ser uma má notícia que provavelmente irá mantê-lo longe do Edge.

Conclusão

Com as ferramentas apresentadas, a Microsoft fez um bom progresso para recuperar o atraso em relação a Firefox e Chrome, embora pareça que as ferramentas de desenvolvedor não foram atualizadas para o Edge, se comparadas com as versões anteriores do IE. Especialmente em relação à emulação de ambiente mobile, é bastante difícil manejá-la com a ferramenta de emulação do Edge, e não são fornecidos quaisquer valores adicionais em comparação com as opções ricas em recursos do Google Chrome.

Então, se você já está usando o IE 11 (ou 10), não há nenhuma razão para atualizar para o Edge (pelo menos da perspectiva de desenvolvimento). Ao todo, as ferramentas de desenvolvedor do Edge parecem um pouco espartanas em comparação com as ferramentas para desenvolvedores do Chrome que são muito fáceis de usar.

Por enquanto, nós definitivamente ficaremos de olho no Edge da Microsoft, enquanto vamos voltar a desenvolver com o Google Chrome e Mozilla Firefox.

***

Thomas Peham faz parte do time de colunistas internacionais do iMasters. A tradução do artigo é feita pela redação iMasters, com autorização do autor, e você pode acompanhar o artigo em inglês no link: http://usersnap.com/blog/microsoft-edge-review-for-developers