Guia Completo para Verificação de Compatibilidade entre Navegadores

Os usuários da Internet têm mais opções de navegadores quando se trata de navegar na Internet. É nossa responsabilidade, como designers e desenvolvedores, garantir que os sites que criamos sejam compatíveis para a maioria dos navegadores comumente usados ​​nos dias de hoje..

Isso leva a uma questão simples, porém crítica - quais navegadores são nossos visitantes usando? De acordo com o w3school, os navegadores comumente usados Internet Explorer 7 e 8 e Raposa de fogo com Safári e Google Chrome gradualmente pegando. Mas os números podem variar de site para site, dependendo do seu nicho. É melhor obter as informações demográficas das métricas do seu site, Google Analytics por exemplo.

Depois de identificar os navegadores comuns que seus visitantes usam, é hora de garantir que o site exiba o mesmo nesses navegadores. É quase impossível instalar todos os diferentes navegadores em uma máquina. Mas graças a algumas ferramentas e serviços da web, descobrir como o seu site se parece em outros navegadores é possível.

Neste artigo, queremos chamar a sua atenção para algumas das soluções nas quais você pode confiar para fazer testes de compatibilidade entre navegadores. Lista completa depois do salto.

Compatibilidade de Teste Online

Browsershots

Browsershots é um utilitário de teste de compatibilidade de múltiplos navegadores multi-plataforma gratuito e mais popular para web designers. Browsershots faz capturas de tela do seu web design em diferentes navegadores. No banco de dados Browsershots estão incluídos todos os navegadores mais populares e você pode facilmente verificar como o seu site aparece em todos os navegadores e plataformas OS.

Sandbox do Navegador

Criado por Spoon.net, esta página permite que você execute diferentes navegadores, incluindo IE, Firefox, Safari, Chrome e Opera diretamente do seu navegador. Simples assim.

Netrenderer

O IE NetRenderer é um testador de compatibilidade de navegadores gratuito. Com o IE NetRenderer, você pode verificar como um site é renderizado por diferentes versões do Internet Explorer. Após o teste beta, muito em breve no IE NetRenderer será integrada a versão mais recente do IE - IE9 e você será capaz de ver se o seu site mostra erros neste navegador.

Browsrcamp

O Browsrcamp permite testar a compatibilidade do seu design com os navegadores do Mac OS X. Se você não quer gastar dinheiro, pode verificar a compatibilidade do seu design com o Safari 3.1.2. Basta adicionar o URL do seu website e você receberá a captura de tela do website. Mas se você quiser verificar a compatibilidade com outros navegadores Mac, você pode se inscrever para 3 $.

Adobe Browserlab

O Adobe Browserlab é um serviço hospedado na Web que permite que os designers testem projetos em vários navegadores e sistemas operacionais. Neste sistema estão incluídas uma função de zoom e ferramentas de medição, como réguas e guias, e a capacidade de se mover rapidamente para áreas específicas de uma captura de tela. Os conjuntos de navegadores permitem que os designers personalizem, editem e salvem uma combinação de navegadores para testar.

Litmusapp

Litmus mostra-lhe capturas de ecrã dos seus sites à medida que estes se deparam com todos os principais navegadores da web. Depois de concluir o teste, você pode obter um relatório completo de compatibilidade pronto para revisão por seus clientes. Litmus tem 4 planos de preços. Você pode se registrar gratuitamente e usar somente os testes dos navegadores Explorer 7 e Firefox 2 ou pode escolher planos de cobrança.

Anybrowser siteviewer

Anybrowser Site Viewer permite que você veja páginas HTML como outros navegadores, ou em diferentes tamanhos de tela. Você pode mover-se de um link para outro, exibindo páginas como elas aparecem em vários navegadores e verificar a pureza somente de texto. Além disso, o Anybrowser Site Viewer permite que você selecione elementos de página específicos.

Fundisom

O Fundisom é um gerador de captura de tela do Mac que permite que você veja seu site em um Macintosh G5 no Safari, MacIE ou Mozilla. Por enquanto o desenvolvimento web do lixlpixel Safari Screenshot Generator está temporariamente offline, mas você pode verificá-lo mais tarde.

Delorie lynxview

O Delorie Lynxview é um serviço que permite que os autores da Web vejam como suas páginas serão quando vistas com o Lynx, um navegador da Web em modo texto..

Browsera

O Browsera deve ser usado como uma ferramenta de teste, não apenas como uma ferramenta de captura de tela, e funciona no nível do site em vez do nível da página. O Browsera rastreia as páginas do seu site e, na verdade, testa-as quanto a inconsistências de layout e erros de script.

IE Tab

O IE Tab é o addon do Firefox que permite que você carregue páginas da Web no Internet Explorer, sem ter que abrir outra janela do navegador. Basta clicar em um botão na barra de ferramentas do Firefox e ele abrirá a página atual em uma nova guia que usa o mecanismo do Internet Explorer em vez do Firefox.

Plugin e Ferramentas

IETester

O IETester é um navegador da Web gratuito que permite que você tenha os mecanismos de renderização e javascript do IE9 preview, IE8, IE7 IE 6 e IE5.5 no Windows 7, Vista e XP. É útil para os desenvolvedores da Web testarem que seus sites funcionam corretamente em todas as versões mais comuns do Internet Explorer.

IECapt

O IECapt é um pequeno utilitário de linha de comando para capturar a renderização de uma página da Web pelo Internet Explorer em um arquivo de imagem BMP, JPEG ou PNG.

Multi-Safari

O Multi-Safari é uma ferramenta gratuita de teste de compatibilidade de navegadores que permite verificar a renderização do seu site usando diferentes versões do Safari. O Multi-Safari não permite testes de resolução de tela.

Expression Web SuperPreview

O Expression Web SuperPreview é uma ferramenta gratuita que ajuda os usuários a testar seus sites em diferentes versões do Internet Explorer. O Expression Web SuperPreview é uma ferramenta de depuração visual independente que facilita a migração de seus sites do IE6 para o IE7 ou 8.

Iphoney

O iPhoney oferece um ambiente de navegação na Web com precisão de pixels, que você pode usar ao desenvolver sites da Web para iPhone. É a tela perfeita de 320 por 480 pixels para o desenvolvimento do seu iPhone. iPhoney não é um simulador de iPhone, mas sim para desenvolvedores web que querem criar 320 por 480 sites para uso com o iPhone..

MultipleIEs

Com o MultipleIEs você pode testar sua página da Web no Internet Explorer 3, 4, 5 e 6. São navegadores antigos, mas se você puder que seu site estará disponível para todos os navegadores, verifique também as versões mais antigas do IE com MultipleIEs.

Múltiplo IE

Múltiplo IE é uma ferramenta semelhante como MultipleIEs. Múltiplo IE é um pequeno pacote que permite que você execute várias versões do IE na mesma máquina, do IE 6.0 até o IE 3.0

Profissional SortSite

O SortSite Professional permite que construtores de sites, proprietários e consultores verifiquem sites inteiros em busca de conformidade com padrões e problemas de qualidade. O SortSite verifica cada página que encontrar e produz um relatório listando cada problema. SortSite verifica mais de 300 pontos de verificação de qualidade.

Lunascape

O Lunascape é o primeiro e único navegador de motor triplo do mundo. Estão incluídos os principais navegadores: IE, Firefox, Chrome, Safari. Com o Lunascape, você pode escolher o mecanismo certo para usar no momento certo, percebendo uma redução drástica nos problemas de compatibilidade de navegadores da Web, longos tempos de carregamento e exibição inadequada de sites.

Serviços Premium

Browsercam

O BrowserCam é um serviço on-line pago que permite visualizar suas páginas da web em diferentes plataformas e navegadores, seja capturando automaticamente as capturas de tela de sua escolha ou acessando computadores remotamente.

Crossbrowsertesting

Com o site, você poderá testar seu site (ou de qualquer outra pessoa), em qualquer sistema operacional e navegador. Isso deve poupar muito tempo quando você está tentando fazer as coisas. Início do custo das assinaturas a partir de US $ 19,95.

Url2image

Usando o farm de servidores da Web Url2image e como um usuário conectado, você pode solicitar capturas de tela do design da sua página da Web, usando várias combinações de navegador / sistema operacional. Url2image oferecer prêmio por capturas de tela. 2 capturas de tela custam US $ 1.

SortSite

O SortSite Professional verifica páginas para uma matriz de recursos que não funcionam corretamente ou se comportam de maneira diferente em navegadores diferentes. Prêmio de licença padrão é de US $ 149.

Visualizador de múltiplos navegadores

O Multi Browser Viewer inclui 17 navegadores autônomos virtualizados e pré-empacotados. Além de 17 navegadores autônomos, o Multi-Browser Viewer também tem a capacidade de testar seu site em 50 navegadores em três sistemas operacionais (Mac, Windows e Linux). O prêmio de licença de usuário único é de US $ 99,95.

Teste de nuvem

O recurso Cross Browser Testing do Cloud Testing permite que você verifique a aparência e a funcionalidade de seus sites de comércio eletrônico e transacionais usando os navegadores IE 6,7,8, Firefox, Apple Safari, Google Chrome e Opera. O preço por um teste é Ã? Â £ 0,10.