javascript 画面の解像度とウィンドウサイズを取得する

javascript 画面の解像度とウィンドウサイズを取得する

javascriptで、window.オブジェクトを使用して選択中の画面の解像度とウィンドウサイズを取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

window.オブジェクト使い方

画面の解像度を取得するには
window.parent.screen.width (幅)
window.parent.screen.height (高さ)
を使用します。

ウィンドウのサイズを取得するには
window.innerWidth (幅)
window.innerHeight(高さ)
を使用します。

サンプルコード

以下は、「 サイズを取得 」ボタンをクリックすると、取得した画面の解像度とウィンドウのサイズを表示するサンプルコードとなります。

※cssには「uikit」を使用してます。

各サイズが取得できていることが確認できます。