Browser Web: come passare la vera risoluzione nativa per impedire ai siti di offrire design responsive mobile


11

Come si può configurare Chrome (o qualche altro browser) per dire ai siti Web che la sua risoluzione è la risoluzione nativa del telefono e non una risoluzione ridotta regolata per essere DPI elevato? "Richiedi sito desktop" funziona per alcuni siti, ma non per tutti, e quelli che rilevano la risoluzione del telefono mostreranno il layout "responsive" del dispositivo mobile. Ad esempio, se Google "qual è la mia risoluzione dello schermo" e visito il primo sito, segnala 360x640 anche se il mio telefono è 1440x2560. Sto eseguendo Lollipop se questo è importante.


Quale sito non riesci a visualizzare in modalità desktop? E nota che cambiare il browser in modo che si comporti come nel browser desktop non cambierà la risoluzione dello schermo.
Lucky

Questo non era il sito che stavo cercando di visitare, ma un esempio è www.apple.com - haha. Sì, il sito desktop di richiesta non influenza la risoluzione, credo solo l'agente utente, quindi è per questo che è inefficace sui siti che utilizzano query multimediali che si basano sulla risoluzione per implementare un design reattivo / adattivo anziché utilizzare il rilevamento dell'agente utente.
g491,

Risposte:


10

Si scopre che puoi usare Firefox per Android per fare questo:

  1. Nella barra degli indirizzi vai su about: config e quindi cerca i pixel.
  2. Selezionare layout.css.devPixelsPerPx e modificare il valore da -1,0 (predefinito) a 1 se si desidera che i siti pensino che la risoluzione del browser sia la vera risoluzione nativa dello schermo anziché un valore regolato DPI.
  3. Se hai uno schermo ad altissima risoluzione come un QHD (1440x2560), potresti voler impostare questo su 2 anziché 1, e quindi se usi il telefono in modalità orizzontale, la tua risoluzione sarà 1280x720 che non renderà le cose come piccolo per impostazione predefinita, impostandolo su 1 sarebbe.

L'uso di quanto sopra in combinazione con "Richiedi sito desktop" dovrebbe fare un ottimo lavoro nel mostrare sempre il sito desktop non solo per i siti basati sul rilevamento di user-agent ma anche per i siti responsive basati su media query.


Per un telefono a 720p ho dovuto mettere 0,5 per ottenere la versione desktop di un determinato sito Web.
Chris,

Wow, ho lottato e deluso per mesi, cercando (e non riuscendo) di trovare una soluzione per consentire al mio tablet ad alta risoluzione fisica di visualizzare le pagine Web con più "risorse dello schermo". Alcune altre soluzioni affermano che avrei bisogno di eseguire il root del mio dispositivo o utilizzare un PC e adb, blah blah blah. Ora sono piacevolmente sorpreso che la soluzione sia semplice come installare un'app normale! Grazie @ g491! Possiamo fare la stessa modifica anche su Chrome?
RayLuo,

1
@RayLuo Non sono a conoscenza di un modo per farlo in Chrome, ma non so come. Ho appena provato a cercare chrome: // flags per alcune cose come dpi, risoluzione, scala, zoom, ecc. E non ho visto nulla. Potrebbe esserci un altro modo ma non ne sono sicuro.
g491,

Anche in Firefox, tale impostazione funzionerebbe solo per alcuni siti (come questo StackExchange.com) ma non altri (come visualstudio.com). Perché? E c'è un metodo migliore? (No, non considero il Samsung Galaxy View da 18 pollici un metodo in questo contesto.)
RayLuo,

0

Prova a utilizzare Opera per dispositivi mobili, configura Desktop modein Impostazioni e disattiva la Opera Turbomodalità. Ora sarai in grado di visualizzare siti come Facebook, StackOverflow ecc. Allo stesso modo in cui viene caricato nei browser Web desktop. Alcuni siti Web reindirizzano al loro sito Web mobile anche se si imposta la modalità Desktop.


Con "imposta la modalità Desktop", si tratta di Impostazioni -> User agent -> passa da "Mobile" a "Desktop"? Se è così, questo ha ancora lo stesso problema.
g491,

1
Bene, puoi falsificare il tuo browser per comportarti come una versione desktop ma non puoi cambiare la risoluzione del dispositivo dal browser..questi siti Web sono progettati come design reattivo, quindi verranno visualizzati in base alla risoluzione e si adattano alla porta di visualizzazione di il dispositivo ... Dai un'occhiata anche a Come disabilitare lo zoom in una pagina web mobile? ..queste impostazioni non avranno alcun effetto sull'impostazione di visualizzazione Desktop che eseguiamo nei nostri browser
Lucky

Mi sono reso conto che non avevo verificato about: config in Firefox e sicuramente c'era un'impostazione lì. L'ho pubblicato come risposta a questa domanda per gli altri che potrebbero trovarlo.
g491,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.