1

Preciso de acesso à versão móvel dos artigos de um certo site no desktop, para o desenvolvimento de uma extensão.

Uma página de exemplo.

O site não é responsivo, não usa um subdomínio específico para celular, mas mudar o user-agent para o de um celular também não resolve. Alguém sabe o que está havendo?

1
  • +1 porque a pergunta gerou um assunto interessante ao desenvolvimento e estudo sobre o assunto principal (mobiles), pois os alguns navegadores hoje são mais do que "simplesmente navegadores", são ferramentas de desenvolvimento com recursos avançados. Ou seja este é um "caso de ferramenta comum entre desenvolvedores" que presumo ser dentro do escopo: pt.stackoverflow.com/help/on-topic - claro que pode até ser fechada pra evitar respostas como links para extensões ou coisas do gênero, mas ainda sim merecia uma resposta.
    – Syzoth
    Commented 30/12/2015 às 2:04

1 Resposta 1

6

Não é necessário extensões ou plugins, navegadores baseados no Chromium possuem ferramentas avançadas pra simular dispositivos como smartphones e tablets.

Simular navegadores mobile

Navegue até o site de interesse e usando o Google Chrome aperte:

  • Ctrl + F12

Ou no Opera:

  • Ctrl + Shift + i

Irá aparecer as ferramentas de desenvolvedor:

Developer tools

Então clique no icone que parece um celular:

device mode

Ao clicar irá aparecer esta tela e ele irá entrar em modo de seleção e simulação de dispositivos (no meu caso o padrão está Iphone4):

developer tools chrome e opera

Depois clique no combo e troque pro modelo de celular desejado:

developer tools chrome e opera

Observe que existe uma tarja laranja e que o User-agent muda (aonde está escrito UA), esta mensagem diz que alguns sites é necessário recarregar a página:

developer tools chrome e opera

Sendo um site não responsivo será necessário recarregar a página com F5 e dependendo se houver cache use o Ctrl+F5 (que irá ignorar o cache pra aba especifica), veja como ficou o site pt.stackoverflow.com depois do F5:

developer tools chrome e opera

Existem alguns sites que usam Cookies ou localStorage pra salvar a página padrão que deve usar, mobile ou desktop, então nem o Ctrl+F5 irá funcionar, neste caso siga estes passos:

  1. Abra uma janela anonima (não abra nenhum site nela)
  2. Clique F12 se Chrome ou Ctrl+Shift+i se for Opera
  3. Então selecione o Device desejado
  4. A seguir cole na barra de endereços o site desejado.

Veja como ficou no modo anonimo:

Modo anonimo

Funções extras das ferramentas de desenvolvedor do Chrome e Opera

  • Simular conexões mais lentas:

    developer tools chrome e opera network

  • o Potrait troca a largura pela altura e vice-versa, ou seja simula a rotação e o ícone com o 2 ao troca o pixel ratio que simula telas com retina.

    developer tools chrome e opera

1
  • 1
    Muito obrigado, Guilherme! Nunca imaginei que pudesse ser algum cookie. A vida toda o user-agent funcionou pra mim. Agora posso prosseguir com meu trabalho aqui. Além de ter resolvido o problema pra mim, ficou muito completa a resposta. Eu daria dois upvotes, rsrs. Commented 30/12/2015 às 1:59

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .