檢查電腦與手機當前的視窗大小與螢幕尺寸

檢查視窗大小與螢幕尺寸
即時測量當前視窗大小與螢幕解析度

・顯示器螢幕解析度
・存取時的螢幕尺寸
・調整瀏覽器大小後的螢幕尺寸

您的顯示器螢幕解析度

Width ：

Height :

您的顯示器可用區域

Width ：

Height :

當前視窗大小 ①

^＊Image ①

(不包含滾動條、選單列、狀態列等)

Width ：

Height :

當前視窗大小 ②

^＊Image ②

(包含滾動條，但不包含選單列、狀態列等)

Width ：

Height :

整個視窗

^＊Image ③

(包含滾動條、選單列、狀態列等外框整體)

Width ：

Height :

存取時的視窗大小
(包含滾動條，但不包含選單列、狀態列等)

文件 (body) 高度
(此頁面整體高度，不可變動)

Height :

横幅
No	JavaScript	意味
a1	screen.width	ディスプレイサイズ(解像度)	横：
b1	screen.availWidth	ディスプレイの利用可能領域	横：
h1	document.documentElement.clientWidth	ウィンドウサイズ(スクロールバーを除く)	横：
c1	window.innerWidth	ウィンドウサイズ(スクロールバーを含む)	横：
d1	window.outerWidth	ウィンドウ全体のサイズ(外枠を含む全体)	横：
e1	document.body.clientWidth	ウィンドウサイズ(スクロールバーを除く)	横：
f1	document.body.offsetWidth	ウィンドウサイズ(スクロールバーを除く)	横：
g1	document.body.scrollWidth	ウィンドウサイズ域(スクロールバーを除く) ※widthを指定している場合は*2参照	横：
i1	document.documentElement.offsetWidth	ウィンドウサイズ(スクロールバーを除く)	横：
j1	document.documentElement.scrollWidth	ウィンドウサイズ(スクロールバーを除く) ※widthを指定している場合は*2参照	横：

高さ
No	JavaScript	意味
a2	screen.height	ディスプレイサイズ(解像度)	縦：
b2	screen.availHeight	ディスプレイの利用可能領域	縦：
h2	document.documentElement.clientHeight	ウィンドウサイズ(スクロールバーを除く)	縦：
c2	window.innerHeight	ウィンドウサイズ(スクロールバーを含む)	縦：
d2	window.outerHeight	ウィンドウ全体のサイズ(外枠を含む全体)	縦：
e2	document.body.clientHeight	ドキュメント(body)の高さ	縦：
f2	document.body.offsetHeight	ドキュメント(body)の高さ	縦：
g2	document.body.scrollHeight	ブラウザにより異なる(*3)	縦：
i2	document.documentElement.offsetHeight	ドキュメント全体(body)の高さ	縦：
j2	document.documentElement.scrollHeight	ブラウザにより異なる(*4)	縦：

當更改瀏覽器的大小時，變更後的視窗尺寸會同步顯示，讓您了解目前視窗的大小。
在較大尺寸的顯示器上製作網頁時，可以將瀏覽器的大小調整為一般顯示器尺寸進行確認。
《獲取視窗尺寸的屬性》

① Client Width / Client Height
② Inner Width / Inner Height
③ Outer Width / Outer Height