Navegador da Web - como passar a verdadeira resolução nativa para impedir que sites exibam design responsivo móvel

Como o Chrome (ou outro navegador) pode ser configurado para informar aos sites que sua resolução é a resolução nativa do telefone e não uma resolução reduzida ajustada para ter um alto DPI? "Solicitar site para desktop" funciona em alguns sites, mas não em todos, e aqueles que detectam a resolução do telefone mostram o layout "responsivo" móvel. Por exemplo, se eu pesquisar no Google "qual é a minha resolução de tela" e visitar o primeiro site, ele informará 360x640, mesmo que meu telefone seja 1440x2560. Estou executando o Lollipop, se isso importa.

browser screen-resolution

— g491
fonte

Qual site você não pode visualizar no modo área de trabalho? E nota que a mudança do navegador para agir como no navegador de desktop não vai mudar a resolução da tela ..

— Sorte

Este não era o site que eu estava tentando visitar, mas um exemplo é www.apple.com - haha. Sim, solicitar site de desktop não afeta a resolução, apenas o agente do usuário, acredito que é por isso que é ineficaz em sites que usam consultas de mídia que dependem de resolução para implementar o design responsivo / adaptável em vez de usar a detecção do agente do usuário.

— G491 3/06

Respostas:

Acontece que você pode usar o Firefox para Android para fazer isso:

Na barra de endereço, vá para about: config e procure por pixels.
Selecione layout.css.devPixelsPerPx e altere o valor de -1,0 (padrão) para 1 se desejar que os sites pensem que a resolução do seu navegador é a verdadeira resolução nativa da tela em vez de um valor ajustado em DPI.
Se você tiver uma tela de super alta resolução como um QHD (1440x2560), convém defini-la como 2 em vez de 1 e, se usar o telefone no modo paisagem, sua resolução será 1280x720, o que não resultará em pequeno por padrão, como defini-lo como 1 faria.

O uso do descrito acima em conjunto com "Solicitar site da área de trabalho" deve fazer um ótimo trabalho sempre mostrando o site da área de trabalho não apenas para sites baseados em detecção de agente de usuário, mas também para sites baseados em consultas de mídia responsivas.

— g491
fonte

Para um telefone 720p, eu tinha que colocar 0,5 para obter a versão desktop de um site específico.

— 22418 Chris

Uau, estou lutando e desapontado há meses, tentando (e falhando) encontrar uma solução para permitir que meu tablet de alta resolução física exiba as páginas da Web com mais "recursos de tela". Algumas outras soluções dizem que eu precisaria fazer o root no meu dispositivo ou usar um PC e adb, blá blá blá. Agora estou agradavelmente surpreso que a solução seja tão simples quanto instalar um aplicativo normal! Obrigado @ g491! Também podemos fazer a mesma alteração no Chrome?

— RayLuo 8/02/19

@ RayLuo Não conheço uma maneira de fazer isso no Chrome, mas não sei como. Eu apenas tentei pesquisar no chrome: // flags por algumas coisas, como dpi, resolução, escala, zoom, etc. e não vi nada. Poderia haver outra maneira, mas não tenho certeza.

— G491 09/02/19

Mesmo no Firefox, essa configuração funcionaria apenas em alguns sites (como este StackExchange.com), mas não em outros (como visualstudio.com). Por que é que? E existe algum método melhor? (Não, eu não consideram a 18 polegadas Samsung Galaxy Ver um método neste contexto.)

— RayLuo

Tente usar o Opera for Mobile, configure o item Desktop modeem Configurações e desligue o Opera Turbomodo. Agora você poderá visualizar sites como o Facebook, Stackoverflow etc., da mesma forma que é carregado nos navegadores da Web para desktop. Alguns sites redirecionam para o site móvel, mesmo se você definir o modo Área de trabalho.

— Por sorte
fonte

Por "configurar o modo Desktop", isso se refere a Configurações -> User agent -> alterar de "Mobile" para "Desktop"? Nesse caso, isso ainda tem o mesmo problema.

— precisa saber é

Bem, você pode falsificar seu navegador para agir como uma versão para desktop, mas não pode alterar a resolução do dispositivo a partir do navegador ... esses sites são projetados como desgin responsivo, para que sejam exibidos de acordo com a resolução e se ajustem à porta de exibição do o dispositivo ... Veja também como desativar o zoom em uma página da web para celular? .. essas configurações não terão efeito na configuração da visualização da área de trabalho que fazemos em nossos navegadores

— Lucky

Percebi que não havia verificado a configuração about: no Firefox e com certeza havia uma configuração lá. Eu o publiquei como resposta a esta pergunta para outras pessoas que possam se deparar com isso.

— G491 06/0615