2015-09-27 63 views
0

出爐之間window.innerHeight一致。我敢肯定,這是工作的打算,但我覺得那種痛苦Chrome的在UI元素

在Chrome中(也可能是其他瀏覽器)

一般來說,window.innerHeight給了我801(例如)。

如果我有我沿着屏幕的下半部分(打算水平)打開控制檯,這改變了我的window.innerHeight。如果我已經下載了一些東西,這會在窗口底部彈出一個欄,並且改變window.innerHeight。

我不具有開發工具開放,使我的網站感覺壞了。

是否有不同的測量在JavaScript中使用忽略UI?

我不想outerWidth,因爲這包括窗口選項卡的高度,他們將不會是一致的跨瀏覽器。

我基本上要高度要一致是否有任何存在的鉻UI元素。

回答

0

我不認爲你可以得到準確,這個數字!通過使用你可以得到的計算可用高度最接近,減去操作系統任務欄和這樣的:

window.screen.availHeight 

其中MDN說:

返回的垂直空間量的窗口 屏幕上。

我做了一個的jsfiddle嘗試它在here

MDN availHeight article

+0

這是不是非常window.outerHeight? – Peege151

+0

outerHeight產生相同的availHeight看到小提琴https://jsfiddle.net/234tfgmg/1/ – Peege151

+0

不一定!如果您調整瀏覽器窗口大小,外部高度會發生變化,但availHeight保持不變! – Omid

相關問題