[TUTORIAL] Emular versão mobile do fórum no computador

Introdução

Os navegadores atuais adaptaram em suas versões recentes a possibilidade de emular o acesso de um navegador responsivo, ou em outros termos, uma versão #Mobile de dispositivos móveis. Essa emulação é mais usada por Desenvolvedores de Web para editar alguns recursos da página e de seu HTML/CSS para facilitar a personalização.




1º - Emulações nos navegadores mais usados:
Escolha o tipo de navegador que você usa de acordo com o disponibilizado neste tutorial:

• Google Chrome;
  
• Mozilla FireFox;
  
• Internet Explorer;

Google Chrome: No navegador mencionado, o Inspecionar elemento pode ser aberto usando a tecla de atalho F12 ou clicando no botão Direito do mouse em Inspecionar Elemento.

Após abrir o Inspecionar elemento, procure e clique na imagem destacada de um 'celular', como destacado no canto esquerdo da imagem abaixo:


Em seguida, selecione a opção Device para definir a versão do dispositivo que deseja emular. Por exemplo, este pode ser selecionado para a versão Apple iPhone 4. Em seguida, basta pressionar Ctrl + F5.

---

Mozilla FireFox: Para o navegador mencionado, precisamos acessar as configurações. Para isso, é necessário usar o about:config na barra de Endereços.

No seu navegador, digite ou cole na barra de endereços o nome:

Código:

about:config

Em seguida, uma mensagem pode aparecer, e se isso ocorrer basta aceitar ou clicar em OK.
Assim que disponível o painel de configurações, na barra de pesquisa (Search) da página que se abriu, escreva ou cole:

Código:

general.useragent

Clique no botão Direito do mouse na parte em branco, em Nova preferência >> String >> e em seguida na caixa de texto que será disponibilizada, basta colar o comando:

Código:

general.useragent.override

Depois de fazer isso, clique em OK.


Mesmo digitando o primeiro comando, a caixa com o input será aberta novamente, mas, desta vez pedindo o comando a ser executado. Este, por usa vez, vai nos possibilitar criar a versão mobile no navegador. Então, digite ou cole o comando a seguir:

Código:

Mozilla/5.0 (Linux; U; Android 2.3; en-us) AppleWebKit/999+ (KHTML, like Gecko) Safari/999.9

Se você acessar o seu fórum, verá então a versão #mobile! Você pode usar seus Inspecionar elemento, também usando a tecla de atalho F12, ou chave do omnibox para inspecionar os elementos e fazer modificações.


Caso queira voltar para a versão clássica do PC, basta voltar as opções de configurações, clicando na barra de endereços e digitando novamente o about:config. Em seguida, cole na pesquisa:

Código:

general.useragent.override

Feito isso, clique no botão direito do mouse em cima de general.useragent.override e escolha a opção Restaurar padrão.

---

Internet Explorer: Para o navegador mencionado, usaremos o F12 (tecla de atalho) para abrir o Inspecionar Elemento, assim como em algumas versões anteriores, já citadas.

Abra o seu Inspecionar elemento usando a tecla de atalho F12 ou clicando no botão Direito do Mouse em Inspecionar Elemento. Em seguida, em Perfil do navegador, defina a opção Windows Phone.


Aguarde a página ser atualizada, e assim que estiver concluído, você pode preparar as suas mudanças.

Perguntas & Respostas

• Existe a possibilidade para outros navegadores?
  Se você souber que existe a disponibilidade de navegar na versão mobile usando um navegador do computador, não hesite em informar nossa equipe. Para isso, basta clicar no botão Assinalar um tópico e marcá-lo como Obsoleto. Digite a sua dica e clique em Enviar.

---

© Fórum dos Fóruns & Ange Tuteur

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Emular versão mobile do fórum no computador