Проверка размера окна и экранаПроверка текущего размера окна на компьютере и смартфонеИнструмент для проверки разрешения дисплея и размера браузера
Бесплатный инструмент для определения текущего размера окна и разрешения дисплея на компьютере или смартфоне в реальном времени. Показывает размер экрана и доступную область при посещении страницы, обновляется сразу при изменении размера браузера. Полезен для веб-разработки, проверки адаптивного дизайна и настройки отображения под стандартные размеры экранов.
Проверка размера окна и экрана
Реальное измерение текущего размера окна и разрешения экрана
・Разрешение экрана дисплея
・Размер экрана в момент доступа
・Размер экрана при изменении размера браузера
Текущее разрешение экрана вашего дисплея
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
