No passado, analisamos os motivos e as formas de testar seu website, seja comercial ou pessoal, em vários navegadores de desktop. A importância de testar o seu site em diferentes navegadores garante que o site se pareça e se comporte corretamente, independentemente do navegador em que esteja sendo visualizado.
O mesmo vale para navegadores móveis e pode até ser mais crucial nos dias de hoje, já que muitas pessoas empregam o uso de web design responsivo. Este conceito, em poucas palavras, fornece um site que vai olhar e se comportar bem 7 Práticas Pro designers estão usando para melhorar seus negócios 7 Práticas Pro designers estão usando para melhorar seus negócios Executando um negócio é muito desgastante, mas não precisa seja desse jeito. Leia mais sobre todos os dispositivos móveis, independentemente do tamanho. Com tantos tipos diferentes de telefones celulares Uma Breve História dos Telefones Celulares Uma Breve História dos Telefones Celulares Os telefones celulares mudaram a maneira como vivemos nossas vidas e para muitos, a perspectiva de um mundo sem chamadas de voz, mensagens de texto e acesso à Internet móvel é um inquietante. Como todos sabemos, ... Leia Mais e tablets, projetar seu site para acomodar apenas um dispositivo é um grande erro.
Aqui está o que Eric Fischgrund, Profissional de Marketing e Comunicação, tem a dizer sobre a importância deste conceito em um artigo recente do Huffington Post:
O conteúdo também precisa ser reescrito também. Para dispositivos menores, você quer um texto conciso e fácil de entender. As imagens devem ser menores em tamanho. O design responsivo consiste em aprimorar a experiência dos usuários, antecipando suas necessidades.
Com tudo isso em mente, ninguém espera que você compre e mantenha todos os dispositivos disponíveis. E é importante observar que, à medida que novos dispositivos são produzidos e vendidos, seria impossível acompanhar esse método.
Entre, os emuladores móveis. Essas ferramentas úteis permitem que você visualize não apenas, mas na maioria dos casos, navegue pelo seu site através dos “olhos” de diferentes dispositivos. Cada um desses emuladores funciona bem e está disponível gratuitamente.
Emulador de celular
O site Mobile Phone Emulator permite uma boa flexibilidade para testar seu site. Você pode escolher em qual dispositivo visualizar seu site e alternar entre todos para revisão. Embora não contenha uma lista completa de dispositivos, você pode encontrar os mais populares da Apple, Samsung, LG, Blackberry e HTC com tamanhos de tela listados para cada um. Você também pode optar por visualizar seu site nas exibições retrato e paisagem nos dispositivos.
Depois que seu website for exibido no dispositivo, você poderá clicar em diferentes artigos, navegação ou menus para ver como cada área se parece. Você também pode optar por visualizar o dispositivo em seu tamanho "real" ou ajustar-se à sua janela do navegador. Emulador de telefone celular é uma opção muito legal, livre para testes de navegador móvel.
Responsinador
O Responsinator exibirá seu website em vários dispositivos em uma só exibição. Não há muitas opções de dispositivos, mas você pode visualizar seu site em alguns dispositivos iOS e Android recentes nas visualizações retrato e paisagem. Cada um tem barras de rolagem para visualizar a página inteira e, novamente, você pode clicar nos links em seu site a partir dos dispositivos para verificar a navegação e outras páginas.
O Responsinator está disponível gratuitamente, mas se você quiser criar seu próprio Responsinator, essa opção está disponível para $ 6 mensais ou $ 60 anuais. Se você faz um monte de design responsivo, então esta pode ser uma boa opção para você olhar mais adiante.
ResponsivePX
O ResponsivePX pode não ser tão bonito quanto as outras opções, mas faz o truque. Em vez de escolher entre dispositivos diferentes, você seleciona o tamanho da tela. Ajuste a largura e a altura e a exibição da tela será ajustada conforme você avança.
Você pode optar por mostrar uma barra de rolagem, que pode estar presente apenas por padrão, mas ajuda você a percorrer a página do seu site. Cada elemento pode ser clicado em seu site para que você possa visualizar a navegação e diferentes páginas facilmente.
ResponsivePX é uma opção decente para testes móveis e considerando que você pode ajustar o tamanho da tela para 3000 por 3000, ele pode ser usado para mais de visualização móvel.
Matt Kersley.com
O site Matt Kersley é mais uma vez, não tão bonito quanto outros, mas você pode ver seu site em quatro diferentes visualizações de dispositivos móveis. Os tamanhos dos dispositivos incluem um pequeno telefone e tablet, bem como iPhone e iPad. Cada um tem barras de rolagem e permite que você clique nos elementos do seu site para testes adicionais, como os acima.
iPad (e iPhone) espiada
Para testes apenas no iOS, o iPad Peek mostra as visualizações do iPad e do iPhone do seu site. Você pode alternar rapidamente entre o tablet e o telefone e também entre as visualizações retrato e paisagem.
Basta inserir seu URL no dispositivo e testar. Assim como os outros emuladores, o iPad Peek permite que você navegue pelas páginas do site e pela navegação para uma experiência completa.
MobiReady
MobiReady até recentemente tem sido uma excelente ferramenta, no entanto, o site parece estar passando por alguns problemas atualmente. Eu quero incluí-lo no caso de seus problemas serem corrigidos em breve, porque realmente é um bom emulador. Não apenas exibe seu website, mas também fornece algumas informações úteis sobre testes.
Você pode conferir análises e relatórios junto com vários resultados de teste mostrando gráficos, falhas e passes. Os dispositivos mostrados estão limitados a alguns tamanhos de telefone diferentes, juntamente com uma visualização da área de trabalho.
Mas a outra informação é realmente o que é mais útil no MobiReady. Espero que o site volte a funcionar em breve para que você possa experimentá-lo.
Seu site está pronto para celular?
Você usa web design responsivo para se certificar de que seu site está pronto para dispositivos móveis Como se certificar que seu blog WordPress é acessível para usuários móveis Como se certificar de que seu blog WordPress é acessível para usuários móveis Leia mais? E quanto ao seu teste? você checa seu site usando um emulador como um desses?
Talvez haja outro emulador gratuito que você acha que funciona melhor do que tudo isso. Se sim, por favor, compartilhe suas sugestões com todos nos comentários abaixo.
Crédito de imagem: computadores tablet 3D e celular via Shutterstock