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: - <kbd>Ctrl</kbd> + <kbd>F12</kbd> Ou no Opera: - <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> Irá aparecer as ferramentas de desenvolvedor: <kbd>[![Developer tools][1]][1]</kbd> Então clique no icone que parece um celular: [![device mode][2]][2] 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][3]][3] Depois clique no combo e troque pro modelo de celular desejado: [![developer tools chrome e opera][4]][4] 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][5]][5] Sendo um site não responsivo será necessário recarragar a página com <kbd>F5</kbd> e dependendo se houver cache use o <kbd>Ctrl</kbd>+<kbd>F5</kbd> (que irá ignorar o cache pra aba especifica), veja como ficou o site `pt.stackoverflow.com` depois do <kbd>F5</kbd>: [![developer tools chrome e opera][6]][6] Existem alguns sites que usam Cookies pra salvar a página padrão que deve usar, mobile ou desktop, então nem o <kbd>Ctrl</kbd>+<kbd>F5</kbd> irá funcionar, neste caso siga estes passos: 1. Abra uma janela anonima (não abra nenhum site nela) 1. Clique <kbd>F12</kbd> se Chrome ou <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>i</kbd> se for Opera 1. Então selecione o `Device` desejado 1. A seguir cole na barra de endereços o site desejado. Veja como ficou no modo anonimo: [![Modo anonimo][7]][7] Funções extras das ferramentas de desenvolvedor do Chrome e Opera ----------------------------------------------------------------- - Simular conexões mais lentas: [![developer tools chrome e opera network][8]][8] - 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][9]][9] [1]: https://i.sstatic.net/g6GyW.png [2]: https://i.sstatic.net/4Usns.png [3]: https://i.sstatic.net/lbFM0.png [4]: https://i.sstatic.net/nUx9R.png [5]: https://i.sstatic.net/sLsqx.png [6]: https://i.sstatic.net/fiE63.png [7]: https://i.sstatic.net/pek7X.png [8]: https://i.sstatic.net/AfL6Q.png [9]: https://i.sstatic.net/wSENp.png