javascript - 欺骗/伪造屏幕分辨率？

Question

在浏览网页时，我需要为我正在查看的网站伪造我的屏幕分辨率，但保持我的视口(viewport)不变(Chrome 或 FF 的模拟无法解决我的问题)。

例如，如果我转到 http://www.whatismyscreenresolution.com/从分辨率为 1920x1080 像素的全屏模式浏览器我希望该网站认为我使用的是 1024x728 像素，但仍然能够在全屏模式下浏览。

我的一个猜测是我需要以某种方式覆盖 js 变量 screen.width 和 screen.height(或者完全摆脱 js 但特定站点将无法在禁用 js 的情况下工作)，但是如何？这就足够了吗？

出于匿名目的 希望不需要我详细解释。即使我从各种设备访问该站点，我也需要看起来像一台设备(Tor 浏览器不是一个选项 - 更改 IP)。我使用的浏览器是 firefox 30.0，它运行在我正在远程连接的 VPS (Xubuntu 14.04) 上。

这个线程 ( Spoof JS Objects ) 让我接近但还不够，它仍然没有答案。我已经为这个问题苦苦思索了很长时间，所以非常感谢任何推荐!

Answer 1

您提供的网站使用以下 Javascript 来确定要显示的宽度/高度值:

    height = screen.height;
    width = screen.width;

    res = document.getElementById ('resolutionNumber');
    res.innerHTML = width + " X " + height;

如果您只关心确保这些值发生变化，您可以在执行它们的代码之前执行以下操作:

    screen = new function() { this.width = 1; this.height = 2 }

如果您关心屏幕对象的其他属性，则需要一些额外的 Javascript 来保留这些属性。

要查看实际效果，请加载他们的页面，然后使用 Firefox 或 Chrome 开发工具将调试器放入他们的 Javascript(第 116 行，其中显示 height = screen.height;)，执行上面的覆盖，然后按播放!

如果您想对访问的每个页面都执行此操作，则需要将其合并到 Chrome 或 Firefox 扩展程序中(我已经制作了自定义 Chrome 扩展程序，非常简单)。