【Javascript】スマホ・PCモニタの画面サイズ取得

このページでは、Javascript(HTML5)を用いて、スマホ・PCモニタの画面サイズを取得する方法を解説します。

ブラウザの画面サイズ

javascriptでは、「window.innerWidth」と「window.innerHeight」を使うことでスマホ・PCモニタの画面サイズ(横幅と縦幅のピクセル数)を取得できます。

ソースコード

サンプルプログラムのソースコードは下記の通りです。

【main.js】

【index.html】

実行結果

「実行」ボタンを押すとPCモニタの横幅と高さを表示できました。

横幅は1366
高さは568

シェア&フォローお願いします!