Como forçar o firefox a mostrar a versão móvel de sites?

12

Eu tenho um GPD Pocket executando o Ubuntu 16.04 LTS com Unity e Firefox Quantum . O bolso GPD é um pequeno netbook (tela de 7 polegadas). Portanto, para alguns sites, prefiro ver nesta tela a versão móvel do site (principalmente no servidor de egroupware do meu trabalho ).

Como isso é possível?

Pergunta de bônus (mas nem necessária nem suficiente para obter a resposta aceita): como fazer isso no Google Chrome / chromium?

Não me importo se é um site ou uma configuração global, pois uso perfis diferentes do firefox para coisas diferentes.

Bruni
fonte

Respostas:

11

Raposa de fogo

Mostrar a versão móvel dos sites é um recurso interno do Firefox. No Firefox, selecione Ferramentas -> Desenvolvedor Web -> Modo de design responsivo e, no menu suspenso, selecione o modelo do seu dispositivo.

Crómio / Cromo

Alterne o botão Device Mode para ativar ou desativar o Device Mode. Quando o Modo do dispositivo está ativado, o ícone fica azul ( IMG: ). Quando o Modo do dispositivo está desativado, o ícone fica cinza ( IMG: ). Selecione Ferramentas -> Ferramentas de desenvolvedor -> clique no botão da barra de ferramentas do dispositivo Toogle (marcado pelo cursor do mouse na captura de tela abaixo -> clique no triângulo preto para baixo ▾ à direita de "Responsivo" para mostrar o menu suspenso e selecione seu dispositivo na lista suspensa cardápio.

insira a descrição da imagem aqui

karel
fonte
Obrigado . Uma pequena pergunta. O que é o DPR e como devo calculá-lo para o meu dispositivo?
Bruni
DPR significa D evice P ixel R atio . Para definir uma proporção de pixels do dispositivo personalizado, entre no Modo de design responsivo no Firefox, clique na caixa de listagem rotulada "DPR" e selecione o valor desejado. Para obter um controle mais refinado do DPR, entre no Modo de design responsivo, na caixa de listagem de dispositivos, selecione "nenhum dispositivo selecionado", altere a taxa de zoom no Firefox para a guia que está focada, selecionando Exibir -> Zoom -> Ampliar / Fora que altera o valor do DPR atualmente selecionado na caixa de listagem DPR.
Karel
Quando você altera o dispositivo no Modo de design responsivo, no menu suspenso, ele altera automaticamente o DPR para o DPR que corresponde ao dispositivo selecionado. Você também pode editar o menu suspenso e criar um dispositivo personalizado que tenha seus próprios valores personalizados para tamanho da tela e DPR.
Karel
5

Você pode usar um complemento como o User-Agent Switcher .

Permite escolher entre várias opções:

insira a descrição da imagem aqui
(fonte da captura de tela: link acima)

pomsky
fonte
1
+1 Isso funciona, obrigado. Aceitarei a solução da @Karel, pois é menos invasiva.
Bruni
@Bruni eu teria feito o mesmo também :-D
pomsky
0

Você também pode tentar substituir m por www no URL ou por um complemento adequado do Firefox, como o Temporary Mobile View.

BAW30s
fonte