Categorizado | Artigos, Mobile

Testando o seu site mobile usando o Opera Mobile Emulator

Postado em 27 April 2010 por Bruno PorKaria

Opera logo 300x115 artigos

Foi lançado o Opera Mobile Emulator, agora você pode testar a usabilidade das suas aplicações mobile web direto do seu Desktop, de maneira bem fácil, e o emulador está disponível para Windows, Mac e Linux. Vou apresentar a vocês as funcionalidades dessa nova ferramenta para o nosso kit de Desenvolvimento Mobile Web.

Depois de instalado, abra ele e você vai se deparar com essa tela inicial:

opera mobile emulator for linux artigos

A primeira funcionalidade você já pode conferir no título da janela, que mostra em pixels o tamanho da tela, e conforme você redimensiona a janela, ele vai ajustando o conteúdo da página, simulando o acesso de um display com o tamanho diferente. E na parte inferior da janela você tem acesso ao menu do emulador, com as setas de avançar e volta, recarregar, mostrar janelas abertas e essa ferramenta, que é ícone padrão de configuração.

É ela que vamos explorar agora. Pois se você acessar um site que tenha versão mobile, você vai perceber que ele não vai redirecionar para a versão mobile, vamos usar o meu blog como exemplo.

porkaria mobile off artigos

Agora siga o passo-a-passo das imagens abaixo para você alterar o seu User Agent e acessar novamente o site.

opera mobile settings artigos

opera mobile settings useragent artigos

opera mobile settings useragent android artigos

Agora vamos acessar novamente o site e ver o resultado.

opera mobile version android artigos

Essa é outra grande funcionalidade, alterar o User Agent, por enquanto é limitado, temos apenas o S60, Windows Mobile e Android, limitando em sistemas operacionais e não em aparelhos, mas como o emulador permite você alterar o tamanho do display (aumentando a janela) isso já quebra um galho para você testar a interface da sua aplicação mobile web.

As demais funções são básicas em qualquer browser, como limpar senhas e cookies, aumentar e diminuir o Zoom e etc. Outra coisa que eu notei, como ele é leve e rápido, qualidade Opera mesmo. :)

Para quem não conhecia o Opera Mini, ele é o aplicativo mais baixado no mundo para iPhone, mas se você não tem um iPhone fique tranquilo, ele roda em várias plataformas.

Posts Relacionados

  1. Identificando qual celular está acessando seu site
  2. A procura do padrão Site Mobile
  3. Gerando QR-code com PHP
  4. O Ambiente de teste no Desenvolvimento Mobile Web
  5. Você sabe o que é ClickToCall ?

1 Comments For This Post

  1. Edenilson Toledo Says:

    Olá Bruno, obrigado por compartilhar seu conhecimento sobre dispositivos móveis com a comunidade, isso estimula a aprender mais e compartilhar mais também…

    Você poderia por favor me esclarecer uma dúvida, por favor? Na parte de css, o quão é confiavel esse simulador? Eu testei ele (navegando e criando uma página simples) e ele não aceita quase regra nenhuma, salvo as mais básicas como cor de fonte…

    Grato, Edenilson.

    [Reply]

    admin Reply:

    Opa! Obrigado pelo comentário.

    Sobre o Opera Mobile, eu naveguei tranquilo na versão mobile do meu blog, ele aceita várias regras do css, sem problemas.

    Essa página simples que você criou informando certinho a estrutura do cabeçalho ? Document Type e etc ?

    Use este fórum aqui http://www.phpmobile.com.br/forum/ para discutirmos melhor sobre o assunto, da até pra você colocar o seu código la para vermos melhor o problema.

    Abraços

    [Reply]

Leave a Reply

Andando por aí...