Проверка размера окна и экранаПроверка текущего размера окна на компьютере и смартфонеИнструмент для проверки разрешения дисплея и размера браузера
Бесплатный инструмент для определения текущего размера окна и разрешения дисплея на компьютере или смартфоне в реальном времени. Показывает размер экрана и доступную область при посещении страницы, обновляется сразу при изменении размера браузера. Полезен для веб-разработки, проверки адаптивного дизайна и настройки отображения под стандартные размеры экранов.
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 : 5294
横幅
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)の高さ
縦:
5294
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5294
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5310
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5310
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
При изменении размера браузера изменяется отображаемый размер окна, что позволяет узнать текущий размер окна, через которое вы просматриваете страницу.。
При создании веб-страниц для большого экрана можно изменить размер браузера, чтобы проверить, как страница будет выглядеть на стандартных размерах дисплеев.
《Свойства для получения размера окна》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height