Check Window Size & Screen SizeCheck the current window size on your PC & smartphoneDisplay Resolution & Browser Size Verification Tool
This is a free tool that allows you to check the window size and display resolution of your PC or smartphone in real time. It provides detailed information about the screen size at the time of access and the available display area. The display updates instantly when resizing the browser, making it useful for web development, responsive design verification, and checking optimal display sizes.
CSS & JavaScript 圧縮・整形ツール-全言語版
Check Window Size & Screen Size
Real-time measurement of current window size & screen resolution
・Display screen resolution
・Screen size at the time of access
・Screen size when resizing the browser
Your Display Screen Resolution
Width :1280
Height : 720
Your Available Display Area
Width :1280
Height : 720
Current Window Size ①
*Image ①
(Excludes scrollbars, menus, status bars, etc.)
Width :1280
Height : 720
Current Window Size ②
*Image ②
(Includes scrollbars but excludes menus, status bars, etc.)
Width :1280
Height : 720
Full Window Size
*Image ③
(Includes scrollbars, menus, status bars, and the entire outer frame)
Width :1280
Height : 720
Window Size at Access Time (Includes scrollbars but excludes menus and status bars)
Width :1280
Height : 720
Document (body) Height (This is the total height of the page and does not change)
Height : 5199
横幅
No
JavaScript
意味
現在値
a1
screen.width
ディスプレイサイズ(解像度)
横:
b1
screen.availWidth
ディスプレイの利用可能領域
横:
h1
document.documentElement.clientWidth
ウィンドウサイズ(スクロールバーを除く)
横:
c1
window.innerWidth
ウィンドウサイズ(スクロールバーを含む)
横:
d1
window.outerWidth
ウィンドウ全体のサイズ(外枠を含む全体)
横:
e1
document.body.clientWidth
ウィンドウサイズ(スクロールバーを除く)
横:
1264
f1
document.body.offsetWidth
ウィンドウサイズ(スクロールバーを除く)
横:
1264
g1
document.body.scrollWidth
ウィンドウサイズ域(スクロールバーを除く) ※widthを指定している場合は*2参照
横:
1264
i1
document.documentElement.offsetWidth
ウィンドウサイズ(スクロールバーを除く)
横:
1280
j1
document.documentElement.scrollWidth
ウィンドウサイズ(スクロールバーを除く) ※widthを指定している場合は*2参照
横:
1280
高さ
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)の高さ
縦:
5199
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5199
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5215
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5215
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
When resizing the browser, the updated window size is displayed in real time, allowing you to check the exact window size you are currently viewing.
When designing web pages on large displays, you can resize the browser to match common screen sizes for verification.
《Properties to Retrieve Window Size》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height