③ JavaScript でウィンドウサイズを取得 |
https://web-designer.cman.jp/javascript_ref/window/size/ 詳細参照 |
貴方のパソコン |
横幅 (高さは省略) |
幅 |
高さ |
No. |
JavaScript |
|
意味 |
id |
数値 |
id |
数値 |
x1 |
window.screen.width |
下と同じ |
ディスプレイ(画面) |
id-x1 |
|
id-x2 |
|
a1 |
screen.width |
|
モニタサイズ(解像度) |
id-a1 |
|
id-a2 |
|
b1 |
screen.availWidth |
|
タスクバーなどを除くモニタ有効域の幅 |
id-b1 |
|
id-b2 |
|
c1 |
window.innerWidth (*1) |
|
ブラウザ内の表示域(スクロールバーを含む) |
id-c1 |
|
id-c2 |
|
d1 |
window.outerWidth (*1) |
|
ブラウザ表示域(ブラウザ全体の外周) |
id-d1 |
|
id-d2 |
|
e1 |
document.body.clientWidth |
|
ブラウザ内の表示域(スクロールバーを除く) |
id-e1 |
|
id-e2 |
|
f1 |
document.body.offsetWidth |
|
ブラウザ内の表示域(スクロールバーを除く) |
id-f1 |
|
id-f2 |
|
g1 |
document.body.scrollWidth |
|
ブラウザ内の表示域(スクロールバーを除く)
※widthを指定している場合は*2参照 |
id-g1 |
|
id-g2 |
|
h1 |
document.documentElement.clientWidth |
IE8以下 |
ブラウザ内の表示域(スクロールバーを除く) |
id-h1 |
|
id-h2 |
|
i1 |
document.documentElement.offsetWidth |
|
ブラウザ内の表示域(スクロールバーを除く) |
id-i1 |
|
id-i2 |
|
j1 |
document.documentElement.scrollWidth |
|
ブラウザ内の表示域(スクロールバーを除く)
※widthを指定している場合は*2参照 |
id-j1 |
|
id-j2 |
|