異なるブラウザ間で画面、Web ページ、ブラウザ ウィンドウのサイズを取得するにはどうすればよいですか?

主要なブラウザ全体で画面、Web ページ、およびブラウザ ウィンドウの寸法を取得する

すべての主要なブラウザでさまざまな画面およびウィンドウ要素の寸法を取得するにはブラウザの場合は、次の手法の利用を検討してください:

現在の画面寸法

screen オブジェクトにアクセスして、画面の幅と高さを取得します:

window.screen.height;
window.screen.width;

現在の Web ページの寸法

HTML ドキュメントのサイズについては、を利用しますjQuery:

// Size of HTML document (similar to pageHeight/pageWidth)
$(document).height();
$(document).width();

ブラウザ ウィンドウの寸法

jQuery はブラウザ ウィンドウの寸法も取得できます:

// Size of browser viewport
$(window).height();
$(window).width();

従来の計算

従来のブラウザでは、次の組み合わせを使用するのが一般的でした。寸法を取得するためのウィンドウとドキュメントのプロパティ:

windowHeight = window.innerHeight || document.documentElement.clientHeight;
windowWidth = window.innerWidth || document.documentElement.clientWidth;
pageHeight = document.body.scrollHeight;
pageWidth = document.body.scrollWidth;
pageX = window.pageXOffset || document.documentElement.scrollLeft;
pageY = window.pageYOffset || document.documentElement.scrollTop;
screenHeight = window.screen.availHeight || window.screen.height;
screenWidth = window.screen.availWidth || window.screen.width;
screenX = window.screen.availLeft || window.screen.x;
screenY = window.screen.availTop || window.screen.y;

以上が異なるブラウザ間で画面、Web ページ、ブラウザ ウィンドウのサイズを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。