Dev (Back & Front)

13 mai, 2013

Conheça melhor o modern.IE, conjunto de ferramentas para desenvolvimento com HTML5 e CSS3

Publicidade

O modern.IE é um projeto que já está em sua versão 2.0 e que foi criado por um pequeno grupo de engenheiros e divulgadores técnicos comprometidos na Microsoft. Acessando o site www.modern.ie, é possível que desenvolvedores insiram a URL de qualquer site na página e, ao fazerem isso, são apresentadas todas as incompatibilidades da página com o Internet Explorer.

A ferramenta detectará imediatamente questões como:

  • uma URL para encontrar erros comuns no código da página
  • itens de linha e por trás de um firewall
  • sites que estão atrás de um firewall
  • compatibilidade com o Internet Explorer
  • Breakpoint para sites projetados de forma reativa
  • otimização para touch
  • plug-ins de navegadores

A ideia de fazer a verificação de código não é algo novo na Internet. O que diferencia o modern.IE é que ele resolve especificamente problemas comuns de codificação que possam resultar do suporte para versões antigas do IE. Como as versões modernas do Internet Explorer 9 e 10 oferecem suporte aos padrões da Web HTML5 e as versões antigas do IE, não, escrever código para os dois pode ser mais difícil do que deveria. Assim, o modern.IE faz a verificação do seu código (um rastreamento da Web estática, sem executar o código em si) e reporta os resultados da página da Web em três categorias:

  • Resolução de problemas comuns que resultem do suporte a versões antigas do IE.
  • Ajuda o site a funcionar bem em todos os navegadores e dispositivos.
  • Considera a compilação com alguns novos recursos no Windows 8.

Existe também o módulo de teste que procura jQuery, jQuery UI, jQuery Form, SWFObject, MooTools, Modernizr e Prototype.js, que causam a maioria dos problemas comuns de compatibilidade da biblioteca que observamos nos principais sites. Muitos frameworks e bibliotecas mudaram mais recentemente para um modelo de atualização automática que é semelhante ao que os navegadores modernos, incluindo o Internet Explorer, agora usam.

O assistente também detecta padrões de codificação (como o navigator.useragent ou o $.browser) que podem detectar o navegador. Nessa versão da ferramenta, o modern.IE tem uma abordagem conservadora de detecção, filtrando os resultados de scripts que referenciam um domínio diferente da página da Web (como um software analítico de terceiros).

O modern.IE também incluiu no projeto o acesso especial gratuito ao famoso BrowserStack, um dos principais sites de teste de navegador virtual, que deixa os desenvolvedores testarem seus sites em qualquer navegador disponível no Windows, independentemente da máquina de teste que esteja sendo executada.