como testar seu site em diferentes navegadores on-line

aqui no WCB, acreditamos de forma otimista que haverá um dia brilhante em que todos os navegadores exibirão nossos sites de forma idêntica. Mas pelo momento em que este artigo está sendo escrito que esse dia ainda está muito longe e nós ainda sentem uma necessidade para testar os sites que construímos em diferentes plataformas, dispositivos e navegadores para garantir que nossos clientes serão felizes no final.

se você construir sites que você pode estar usando boas técnicas de teste de idade, como a execução de máquinas virtuais com muitos navegadores e sistema operacional instalado, a compra de alguns laptops ou incomodando seus amigos e vizinhos pedindo-lhes para testar sua criatura em seu iPad. Bem, essas maneiras têm o direito de ainda existir.

mas você se chutaria se soubesse quantos serviços oferecem para testar seu site sem problemas apenas com um clique hoje em dia.

Browsershots

screenshot-browsershots

Livre para usar o serviço da web que permite que você teste o site em mais de 50 navegadores e sistemas operacionais de combiná-los em um grande número de variações. O único momento confuso é que você receberá apenas capturas de tela para que seus scripts e fundos CSS piscando não sejam exibidos.

o que você precisa fazer é apenas dar o seu URL clique no botão e esperar – seu site vai entrar na fila e em algum tempo (de 5 minutos a 2 horas, dependendo de quão ocupados os servidores estão) você vai ter suas capturas de tela apenas um por um.

na verdade, pode-se comprar uma conta paga que oferece uma alta prioridade de desempenho por 29,95$/mês, para que você obtenha sua captura de tela em 5 minutos.

Visite o site oficial

CrossBrowserTesting

screenshot crossbrowsertesting

Extremamente funcional serviço pago que permite que você teste o seu site em real computadores através de uma conexão de VNC em qualquer navegador e sistema operacional – mais de 1000 combinações disponíveis de 29.95$/mo.

não posso deixar de mencionar o teste em plataformas móveis e dispositivos como Android e iOS está disponível – todo o desempenho em tempo real, então agora seus fundos CSS estão piscando como uma árvore de Natal!

visite o site oficial

Litmus

captura de tela Litmus

além de um teste de compatibilidade entre navegadores, este útil serviço online valida o código HTML e CSS.

mas uma característica esplendente do Litmus é que o serviço é focado principalmente em testes de E – mail – mais de 30 clientes de E-mail disponíveis, bem como uma abundância de ferramentas analíticas-seus e-mails bater direto no coração e também olhar bonito na Nokia Da Vovó!

os preços começam a partir de 49$ / mês após 7 dias de teste.

Visite o site oficial

Net Renderizador

screenshot-netrenderer.com-2014-09-12-14-33-22

Rápido e grátis online, ferramenta através da qual você pode testar como o site é apresentado em versões anteriores do internet explorer (pode ser útil se você costuma lidar com autoridades do governo – ou seja, ainda é um padrão de lá). O recurso é que ele pode mesclar capturas de tela de diferentes versões em uma imagem para que a diferença de renderização seja muito bem mostrada.

visite o site oficial

Chrome Developer Tool: Modo de emulação

emulate

para mim, é a melhor ferramenta para um teste rápido, disponível gratuitamente e vem com um incrível navegador Chrome. Basta clicar com o botão direito, pressione Inspect element e vá para emulação-voila você está no céu.

um monte de dispositivos móveis pré-definidos, personalização flexível de resoluções, proporção de pixels etc. – todos esses recursos a apenas um clique de distância. Além disso, pode emular dispositivos de tela sensível ao toque que é extremamente útil para testes e pesquisas de padrões de experiência do Usuário. Você não paga um centavo e, em combinação com o localhost server, você tem uma fábrica de testes poderosa e flexível, você pode trabalhar em qualquer lugar, mesmo sem conexão com a internet – absolutamente adorável!

estas opções certamente são apenas um pouco de uma enorme variedade de serviços e programas que você pode facilmente encontrar por si mesmo na Internet. Aqui listei exatamente o que acho que vale a pena conferir.

o dia brilhante da renderização universal está no longo caminho, mas com essas ferramentas fáceis, você está totalmente equipado para tornar cada cliente com qualquer dispositivo configurado exoticamente feliz com o que você constrói.

Deixe uma resposta

O seu endereço de email não será publicado.