window.inner在UI元素中烘焙的Chrome之间保持一致

时间:2015-09-27 03:37:57

标签: javascript google-chrome

我确信这是按预期工作的,但我发现这有点痛苦。

在Chrome(可能还有其他浏览器)中

通常,window.innerHeight给我801(例如)。

如果我在屏幕的下半部分打开一个控制台(水平移动),这会改变我的window.innerHeight。如果我已下载了某些内容,则会在窗口底部弹出一个栏并更改window.innerHeight。

我没有开放开发工具让我的网站感到破碎。

在javascript中使用不同的度量来忽略UI吗?

我不想要outerWidth,因为这包括窗口选项卡高度,并且它们不会在浏览器中保持一致。

无论是否存在任何镀铬ui元素,我基本上都希望高度保持一致。

1 个答案:

答案 0 :(得分:0)

我认为你不能得到那个号码!你可以得到的最接近的是计算可用的高度,减去os任务栏等,使用:

window.screen.availHeight

哪位MDN说:

  

返回窗口上可用的垂直空间量   屏幕。

我做了一个jsfiddle在here

中尝试

MDN availHeight article