Javascript window.innerWidth和window.innerHeight不正确

Javascript window.innerWidth和window.innerHeight不正确,javascript,google-chrome,firefox,dom,canvas,Javascript,Google Chrome,Firefox,Dom,Canvas,我遇到了一个奇怪的错误,我很难描述它 我正在开发一个HTML5画布应用程序,当从我的localhost服务器提供服务时,它开始出现异常行为。我发现在Firefox和Chrome中,window.innerWidth和window.innerHeight突然被错误地报告。innerWidth在这台机器上应该是1366,但据报道Firefox是1525,Chrome是2048 我认为这可能是我的javascript中的一个奇怪的小故障,但我发现这现在影响了从localhost查看的所有页面,并且在一

我遇到了一个奇怪的错误,我很难描述它

我正在开发一个HTML5画布应用程序,当从我的
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是唯一错误的,它与页面内容无关,因为这些值即使在打开空白文件时也保持不变。

您可以使用以下代码吗

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

op没有将此标记为jQuery。是的,没有jQuery,但还是尝试了一下-
$(窗口)。width()
给出了同样不正确的大小。如果没有足够的声誉,他应该如何在他们的帖子下面发表评论?还有一篇帖子讨论了这两个检查。警报(window.screen.availWidth);警报(窗口、屏幕、可用高度);设置一些增量中断并对宽度和高度变量运行两个检查可能会有所帮助。感谢Frank,检查很好,但不幸的是我没有从中获得太多信息。我也有同样的问题,
127.0.0.1
仍然有效。。。很奇怪。谢谢。5年零7个月后。。我对localhost也有同样的问题