检查电脑和手机当前的窗口大小和屏幕尺寸

检查窗口大小和屏幕尺寸
实时测量当前窗口大小和屏幕分辨率

・显示器屏幕分辨率
・访问时的屏幕尺寸
・浏览器大小调整后的屏幕尺寸

您的显示器屏幕分辨率

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