Web浏览器-如何传递真实的本机分辨率以防止网站提供移动响应式设计


11

如何配置Chrome(或某些其他浏览器)以告知网站其分辨率是手机的本机分辨率,而不是针对高DPI进行调整的降低分辨率?“请求桌面网站”适用于某些网站,但不适用于所有网站,检测手机分辨率的网站将显示移动“响应”布局。例如,如果我用Google搜索“我的屏幕分辨率是多少”并访问第一个站点,即使我的手机是1440x2560,它也会报告360x640。如果重要的话,我正在运行棒棒糖。


您无法在桌面模式下查看哪个网站?并注意改变浏览器像桌面浏览器的行动不会改变你的屏幕分辨率..
幸运

这不是我要访问的站点,但是一个示例是www.apple.com-哈哈。是的,请求桌面网站不会影响解析度,我相信只是用户代理,因此这对于使用依赖于解析度来实现响应/自适应设计而不是使用用户代理检测的媒体查询的网站无效。
g491 2015年

Answers:


10

事实证明,您可以使用Firefox for Android来做到这一点:

  1. 在地址栏中,转到about:config,然后搜索像素。
  2. 如果希望站点认为浏览器的分辨率是屏幕的真实本机分辨率,而不是DPI调整后的值,请选择layout.css.devPixelsPerPx并将值从-1.0(默认)更改为1。
  3. 如果您具有QHD(1440x2560)之类的超高分辨率屏幕,则可能希望将其设置为2而不是1,然后,如果您在横向模式下使用手机,则分辨率将为1280x720,这不会像默认情况下较小,因为将其设置为1即可。

将以上内容与“请求桌面站点”结合使用,不仅可以始终显示基于用户代理检测的站点,而且还可以显示响应式基于媒体查询的站点的桌面站点。


对于720p手机,我必须输入0.5以获取特定网站的桌面版本。
克里斯(Chris)

哇,几个月来我一直在挣扎和失望,试图(并且失败)找到一种解决方案,让我的高分辨率平板电脑显示具有更多“屏幕资产”的网页。其他一些解决方案说,我将需要植根我的设备或使用PC和adb,等等等等。现在,我感到惊讶的是,该解决方案就像安装普通应用一样简单!谢谢@ g491!我们也可以在Chrome上进行相同的更改吗?
RayLuo

1
@RayLuo我不知道在Chrome中执行此操作的方法,但我不知道该怎么做。我只是尝试在chrome:// flags中搜索诸如dpi,分辨率,比例,缩放等内容,但没有看到任何内容。可能还有另一种方式,但我不确定。
g491

即使在Firefox中,这种设置也仅适用于某些网站(例如StackExchange.com),而不适用于其他网站(例如visualstudio.com)。这是为什么?还有更好的方法吗?(不,在这种情况下,我不认为18英寸三星Galaxy View是一种方法。)
RayLuo

0

尝试使用Opera for MobileDesktop mode在“ 设置” 中设置并关闭Opera Turbo模式。现在,您可以像在桌面Web浏览器中加载网站一样查看Facebook,Stackoverflow等网站。即使您设置为“桌面”模式,某些网站也会重定向到其移动网站。


通过“设置桌面模式”,这是指设置->用户代理->从“移动”更改为“桌面”吗?如果是这样,这仍然有相同的问题。
g491 2015年

1
好吧,您可以欺骗您的浏览器以使其成为台式机版本,但不能从浏览器更改设备的分辨率。这些网站被设计为响应设计,因此它们将根据分辨率进行显示并适合其视口设备...还可以看看如何在移动网页中禁用缩放功能?..这些设置不会对我们在浏览器中进行的桌面视图设置产生任何影响
幸运的

我意识到我没有在Firefox中检查about:config,并且确定那里确实有一个设置。我将其发布为对可能遇到此问题的其他人的此问题的答案。
g491
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.