jquery - ブラウザー ウィンドウの高さを理解する (jQuery 用)

Question

使用時:

var size = $(window).height(); 

Firefox コンソールに次のように表示されます: 594

しかし、ここに：http://whatsmy.browsersize.com/

ブラウザの高さが次のようになっていることがわかります: ブラウザ ウィンドウの高さ: 861

当然のことと、ここで理解できないことはどちらですか？

Answer 1

私は確かに速いテストをしました。印刷画面+フォトショップで測定。とを使用して、Mac OS X Mountain LionのFirefox、Chrome、Safari$(window).width()の最新バージョンとピクセルが完全に一致する値を取得しまし$(window).height()た。スクロールバーのないブラウザの「ワークエリア」を表示します$(window).width()。$(window).height()

Answer 2

これは、コンソールのオフセットが原因だと思います。ブラウザの下部に固定されていますか? はいの場合: ポップアウトして、もう一度やり直してください。

window.innerHeight を取得できます。これは、ブラウザーの表示領域の高さです。

browsersize.com のサイズは適切です。

Answer 3

$(window).height()ブラウザ ウィンドウのワークエリアの高さを返します。

ここでそれについて読むことができます。