ホームページ > ウェブフロントエンド > jsチュートリアル > 異なるブラウザ間で画面、Web ページ、ブラウザ ウィンドウのサイズを取得するにはどうすればよいですか?

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

Patricia Arquette
リリース: 2024-12-19 01:45:09
オリジナル
170 人が閲覧しました

How Can I Get Screen, Web Page, and Browser Window Dimensions Across Different Browsers?

主要なブラウザ全体で画面、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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート