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

さまざまなブラウザでのウィンドウと画面のサイズを決定する

画面、Web ページ、ブラウザ ウィンドウのサイズを取得することは、さまざまなブラウザにとって非常に重要です。 Web開発タスク。ありがたいことに、主要なブラウザでこれを実現するための複数のアプローチがあります。

画面の寸法

ユーザーの画面の寸法を取得するには:

• モダンブラウザ:

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

Web ページのサイズ

Web ページのサイズについては、以下を利用できます。

• モダンブラウザ:

  window.innerHeight;
  window.innerWidth;

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

ブラウザ ウィンドウのサイズを決定するにはディメンション:

• jQuery:

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

上記のディメンションに加えて、次のディメンションも取得できます。値:

• pageX、pageY: ユーザーのマウス カーソルのページ座標。
• screenX、screenY: ユーザーのマウスの画面座標cursor.

従来のアプローチ

window.screen と window.innerWidth を標準化する前は、jQuery ライブラリを使用して寸法を計算できました。ただし、次のメソッドは廃止されており、推奨されません:

• ページのサイズ:

  $(document).height();
  $(document).width();

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