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

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Principal Contribuidor

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

Mensagem por Shek 25.08.15 16:49

[TUTORIAL] Emular versão mobile do fórum no computador Forumactif_smartphone 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


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




[TUTORIAL] Emular versão mobile do fórum no computador RNHZBH4Google 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:

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

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.

Antes
Depois
[TUTORIAL] Emular versão mobile do fórum no computador Mobile11
[TUTORIAL] Emular versão mobile do fórum no computador Mobile12




[TUTORIAL] Emular versão mobile do fórum no computador QGhEQYXMozilla 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.

Antes
Depois
[TUTORIAL] Emular versão mobile do fórum no computador Mobile13
[TUTORIAL] Emular versão mobile do fórum no computador Mobile14

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

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.

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



[TUTORIAL] Emular versão mobile do fórum no computador GGjWu1rInternet 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

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


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


[TUTORIAL] Emular versão mobile do fórum no computador Act_bottom 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
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos