JavaScript

データ取得

ディスプレイのサイズ取得

更新日：2024-03-25

  • ＞ ディスプレイサイズの取得

  • 【動作サンプル】

◆ディスプレイサイズの取得

window.screen.width//ディスプレイの横幅

window.screen.height//ディスプレイの高さ

ディスプレイの左上からの、ディスプレイサイズの取得します。
OSのディスプレイ設定などで拡大縮小設定をしている場合などは、実際のディスプレイ解像度と違う値が表示されます。

コード例

JavaScript 

//ディスプレイの横幅
let disp_width = window.screen.width;

//ディスプレイの高さ
let disp_height = window.screen.height;

動作サンプル【sample】

コード例 - Sample

HTML 

<div class="example">
 <p>ディスプレイの横幅 = <span id="example-1"></span></p>
 <p>ディスプレイの高さ = <span id="example-2"></span></p>
</div>

JavaScript 

<script>
//ディスプレイの横幅
let disp_width = window.screen.width;

//ディスプレイの高さ
let disp_height = window.screen.height;

//表示
document.getElementById('example-1').innerText = disp_width;
document.getElementById('example-2').innerText = disp_height;
</script>

動作例 - Sample

▶結果が表示されます

ディスプレイの横幅 =

ディスプレイの高さ =