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

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

スポンサーリンク

ブラウザの画面サイズ

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

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

【main.js】


【index.html】


スポンサーリンク

実行結果

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

横幅は1366
高さは568

コメント