現在の画面サイズを確認できます。
※Javascriptの機能で取得できる値ですので、実際の画面サイズとは異なる場合があります。
| No. | 項目 | 幅 (Width) | 高さ (Height) | 備考 |
| 1 | screen | スクリーンサイズ | ||
| 2 | screen availd | スクリーンの有効幅 | ||
| 3 | devicePixelRatio | OSの表示スケール | ||
| 4 | スクリーン解像度 | 表示スケールから逆算したスクリーン解像度 | ||
使用しているJavascript変数
1. screen
window.screen.width
window.screen.height
2. screen avail
window.screen.availWidth
window.screen.availHeight
画面のウェブコンテンツに利用することができる範囲のサイズ。
タスクバー(Windows)やDock(Mac)などを除いた範囲。
3. devicePixelRatio
window.devicePixelRatio
解像度と物理ピクセルの解像度の比。OSで設定してる値。
Windows: 設定 → システム → ディスプレイ → 拡大縮小とレイアウト
例: 150%にした場合、devicePixelRatioは 1.5 となる。
Mac: System Settings → Displays → Advanced... → Show resolutions as list で解像度一覧が表示される。
Android (Android 13の場合): 設定App → 画面設定 → 表示サイズとテキスト → 表示サイズ
adb でAndroid端末に接続すればより細かい設定が可能。
4. スクリーン解像度
表示スケールから逆算したスクリーン解像度。
つまり、1.screen × 3. devicePixelRatio
参考: MDN Web Docs
