JavaScript で画面、ウィンドウ、ページのサイズを取得するにはどうすればよいですか?

ブラウザ全体の画面とウィンドウの寸法の決定

Web 開発者は、多くの場合、ユーザーの画面、現在の Web ページ、ブラウザ ウィンドウの正確な寸法を取得する必要があります。具体的なアプローチはブラウザによって異なる場合がありますが、これらの寸法を取得するための確立された方法があります。

画面とウィンドウの寸法の取得

ユーザーの画面の寸法を確認するには、次のコマンドを使用します。プロパティ:

• screenWidth
• screenHeight

ブラウザ ウィンドウの寸法については、次を利用します。プロパティ:

• windowWidth
• windowHeight

ページ寸法の取得

現在の Web ページの寸法を測定するには、JavaScript を使用するか、 jQuery.

JavaScript:

document.documentElement.scrollHeight; // pageHeight
document.documentElement.scrollWidth; // pageWidth

jQuery:

$(document).height(); // pageHeight
$(document).width(); // pageWidth

スクロール位置の決定

現在のドキュメント内のスクロール位置を見つけるには、次を使用します。プロパティ:

• pageX
• pageY

ブラウザの互換性

前述このメソッドは、Chrome、Firefox、Edge、Safari などの主要なブラウザで広くサポートされています。ただし、相互互換性を確保するために、複数のブラウザーでコードをテストすることを常にお勧めします。

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