window.innerWidth和window.innerHeight不正确

Question

我遇到了一个奇怪的错误，我很难描述......

我正在研究HTML5 Canvas应用程序，当它从我的localhost服务器提供服务时开始表现得很奇怪。我发现Firefox和Chrome中的window.innerWidth和window.innerHeight突然被错误报告。 innerWidth在这台机器上应该是1366，但在Firefox中报告为1525，在Chrome中报告为2048。

我认为这可能是我的javascript中的一个奇怪的故障，但我发现这现在影响了从localhost查看的所有页面，并且在一些较旧的应用程序中弄乱了css。

奇怪的是，从127.0.0.1查看时，一切都按预期工作。我们还发现，当我的老板在公共Dropbox文件夹中查看应用程序并在Firefox中的计算机上查看时，会发生同样的问题（Chrome工作正常）。然而，在该计算机上本地服务显示没有问题。

这个让我完全难过。我希望有人知道可能的原因或方法来追踪问题，因为我们不允许这种情况发生在使用该应用的客户身上。

编辑：更多数字

window.innerWidth: 2048
window.outerWidth: 1366
screen.width: 1366
window.screen.availWidth: 1366

innerWidth是唯一错误的，它与页面内容无关，因为即使打开空白文件，这些值也保持不变。

Answer 1

您可以使用以下代码

var screen = {width:$(window).width(), height:$(window).height()};