창 크기 및 화면 크기 확인PC 및 스마트폰의 현재 창 크기 확인디스플레이 해상도 & 브라우저 크기 확인 도구
이 무료 도구를 사용하면 PC 및 스마트폰의 창 크기 및 디스플레이 해상도를 실시간으로 확인할 수 있습니다. 액세스 시의 화면 크기와 사용 가능한 디스플레이 영역을 자세히 표시하며, 브라우저 크기를 조정하면 즉시 업데이트됩니다. 웹 개발, 반응형 디자인 확인 및 최적의 디스플레이 크기 점검에 유용합니다.
CSS & JavaScript 圧縮・整形ツール-全言語版
창 크기 및 화면 크기 확인
현재 창 크기 및 화면 해상도를 실시간 측정
・디스플레이 화면 해상도
・액세스 시 화면 크기
・브라우저 크기 조정 시 화면 크기
사용 중인 디스플레이 화면 해상도
Width ：1280
Height : 720
사용 중인 디스플레이 이용 가능 영역
Width ：1280
Height : 720
현재 창 크기 ①
＊Image ①
(스크롤바, 메뉴, 상태 표시줄 등을 제외)
Width ：1280
Height : 720
현재 창 크기 ②
＊Image ②
(스크롤바 포함, 메뉴 및 상태 표시줄 제외)
Width ：1280
Height : 720
전체 창 크기
＊Image ③
(스크롤바, 메뉴, 상태 표시줄 등을 포함한 전체 프레임)
Width ：1280
Height : 720
액세스 시 창 크기 (스크롤바 포함, 메뉴 및 상태 표시줄 제외)
Width ：1280
Height : 720
문서 (body) 높이 (이 페이지의 전체 높이로, 변경되지 않습니다)
Height : 5142
横幅
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)の高さ
縦：
5142
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦：
5142
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦：
5158
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦：
5158
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
브라우저 크기를 조정하면 업데이트된 창 크기가 실시간으로 표시되어 현재 보고 있는 창 크기를 확인할 수 있습니다.
대형 디스플레이에서 웹페이지를 제작할 때 일반적인 화면 크기로 조정하여 확인할 수 있습니다.
《창 크기 가져오기 속성》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height
