Webbrowser - Übergeben einer echten nativen Auflösung, um zu verhindern, dass Websites mobiles Responsive Design bereitstellen


11

Wie kann Chrome (oder ein anderer Browser) so konfiguriert werden, dass Websites erfahren, dass die Auflösung die native Auflösung des Telefons ist und keine reduzierte Auflösung, die auf hohe DPI eingestellt ist? "Desktop-Site anfordern" funktioniert für einige Sites, jedoch nicht für alle, und diejenigen, die die Auflösung des Telefons erkennen, zeigen das "reaktionsschnelle" Layout des Mobilgeräts an. Wenn ich beispielsweise "Was ist meine Bildschirmauflösung?" Google und die erste Website besuche, werden 360 x 640 angezeigt, obwohl mein Telefon 1440 x 2560 ist. Ich leite Lollipop, wenn das wichtig ist.


Welche Site können Sie im Desktop-Modus nicht anzeigen? Und beachten Sie, dass das Ändern des Browsers, um sich wie im Desktop-Browser zu verhalten, Ihre Bildschirmauflösung nicht ändert.
Lucky

Dies war nicht die Seite, die ich besuchen wollte, aber ein Beispiel ist www.apple.com - haha. Ja, die Anforderung einer Desktop-Site hat keinen Einfluss auf die Auflösung, sondern nur auf den Benutzeragenten. Aus diesem Grund ist sie auf Websites, die Medienabfragen verwenden, die auf der Auflösung beruhen, um ein responsives / adaptives Design zu implementieren, ineffektiv, anstatt die Erkennung von Benutzeragenten zu verwenden.
G491

Antworten:


10

Es stellt sich heraus, dass Sie Firefox für Android verwenden können, um dies zu tun:

  1. Gehen Sie in der Adressleiste zu about: config und suchen Sie nach Pixeln.
  2. Wählen Sie layout.css.devPixelsPerPx aus und ändern Sie den Wert von -1,0 (Standard) auf 1, wenn Websites glauben sollen, dass die Auflösung Ihres Browsers der tatsächlichen nativen Auflösung des Bildschirms entspricht und nicht einem DPI-angepassten Wert.
  3. Wenn Sie einen Bildschirm mit super hoher Auflösung wie einen QHD (1440 x 2560) haben, möchten Sie diesen möglicherweise auf 2 anstatt auf 1 einstellen. Wenn Sie das Telefon im Querformat verwenden, beträgt Ihre Auflösung 1280 x 720, was nicht zu einer Auflösung führt Standardmäßig klein, da dies auf 1 gesetzt würde.

Die Verwendung der oben genannten Informationen in Verbindung mit "Desktop-Site anfordern" sollte eine hervorragende Arbeit leisten, um die Desktop-Site nicht nur für Websites mit Benutzeragentenerkennung, sondern auch für reaktionsfähige Websites mit Medienabfragen anzuzeigen.


Für ein 720p-Telefon musste ich 0,5 eingeben, um die Desktop-Version einer bestimmten Website zu erhalten.
Chris

Wow, ich habe monatelang gekämpft und war enttäuscht (und habe es nicht geschafft), eine Lösung zu finden, mit der mein Tablet mit hoher physischer Auflösung die Webseiten mit mehr "Bildschirm-Asset" anzeigen kann. Einige andere Lösungen besagen, dass ich entweder mein Gerät rooten oder einen PC und ADB verwenden müsste, bla bla bla. Jetzt bin ich angenehm überrascht, dass die Lösung so einfach ist wie die Installation einer normalen App! Vielen Dank an g491! Können wir die gleiche Änderung auch in Chrome vornehmen?
RayLuo

1
@ RayLuo Mir ist keine Möglichkeit bekannt, dies in Chrome zu tun, aber ich weiß nicht wie. Ich habe gerade versucht, chrome: // flags nach einigen Dingen wie dpi, Auflösung, Skalierung, Zoom usw. zu durchsuchen und habe nichts gesehen. Es könnte einen anderen Weg geben, aber ich bin mir nicht sicher.
G491

Selbst in Firefox funktioniert eine solche Einstellung nur für einige Websites (wie z. B. StackExchange.com), nicht jedoch für andere (z. B. visualstudio.com). Warum ist das so? Und gibt es eine bessere Methode? (Nein, ich halte das 18-Zoll-Samsung Galaxy View in diesem Zusammenhang nicht für eine Methode.)
RayLuo

0

Versuchen Sie es mit Opera for Mobile und richten Sie die Desktop modeEinstellungen ein und deaktivieren Sie den Opera TurboModus. Jetzt können Sie Websites wie Facebook, Stackoverflow usw. so anzeigen, wie sie in Desktop-Webbrowsern geladen werden. Einige Websites leiten auf ihre mobile Website weiter, selbst wenn Sie den Desktop-Modus aktivieren.


Bezieht sich dies unter "Einrichten des Desktop-Modus" auf Einstellungen -> Benutzeragent -> Wechsel von "Mobil" zu "Desktop"? Wenn ja, hat dies immer noch das gleiche Problem.
G491

1
Nun, Sie können Ihren Browser so fälschen, dass er sich wie eine Desktop-Version verhält, aber Sie können die Auflösung des Geräts nicht über den Browser ändern. Diese Website ist als reaktionsschnelles Design konzipiert, sodass sie entsprechend der Auflösung angezeigt wird und zum Ansichtsfenster von passt das Gerät ... Schauen Sie sich auch an, wie Sie das Zoomen auf einer mobilen Webseite deaktivieren können. ..diese Einstellungen haben keine Auswirkung auf die Desktop-Ansichtseinstellung, die wir in unseren Browsern vornehmen
Lucky

Mir wurde klar, dass ich die about: config in Firefox nicht überprüft habe und dass dort eine Einstellung vorhanden ist. Ich habe es als Antwort auf diese Frage für andere veröffentlicht, die möglicherweise darauf stoßen.
g491
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.