[TUTORIAL] Emular versão mobile do fórum no computador
Página 1 de 1 • Compartilhe
![Principal Contribuidor Principal Contribuidor](https://i.servimg.com/u/f15/19/28/44/36/68019310.png)
[TUTORIAL] Emular versão mobile do fórum no computador
![]() | Versão Mobile |
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.--> Tutoriais, dicas e astúcias <--
Emular versão mobile do fórum no computador
1º - Emulações nos navegadores mais usados:
Escolha o tipo de navegador que você usa de acordo com o disponibilizado neste tutorial:
![]() | 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
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
- Código:
general.useragent.override
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.
![[TUTORIAL] Emular versão mobile do fórum no computador Mobile15](https://i.servimg.com/u/f18/18/76/69/60/mobile15.jpg)
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
![[TUTORIAL] Emular versão mobile do fórum no computador Mobile16](https://i.servimg.com/u/f18/18/76/69/60/mobile16.jpg)
![]() | 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.
![[TUTORIAL] Emular versão mobile do fórum no computador Mobile17](https://i.servimg.com/u/f18/18/76/69/60/mobile17.jpg)
Aguarde a página ser atualizada, e assim que estiver concluído, você pode preparar as suas mudanças.
![[TUTORIAL] Emular versão mobile do fórum no computador Mobile15](https://i.servimg.com/u/f18/18/76/69/60/mobile15.jpg)
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 |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» [TUTORIAL] Adicionar paginação na versão mobile
» [TUTORIAL] Modificar aparência da versão Mobile dos fóruns
» [TUTORIAL] Adicionar ações de mensagem na versão mobile
» Problema com a versão mobile do forum
» Botão pré-visualizar na versão mobile do fórum
» [TUTORIAL] Modificar aparência da versão Mobile dos fóruns
» [TUTORIAL] Adicionar ações de mensagem na versão mobile
» Problema com a versão mobile do forum
» Botão pré-visualizar na versão mobile do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos