Дослідження розміру вікна та екрануДослідження поточного розміру вікна на ПК і смартфоніІнструмент перевірки роздільної здатності дисплея та розміру браузера
Це безкоштовний інструмент, який дозволяє в режимі реального часу визначати розмір вікна та роздільну здатність дисплея на ПК або смартфоні. Відображає детальну інформацію про розмір екрана під час доступу, а також автоматично оновлюється при зміні розміру браузера. Корисний для веб-розробки, перевірки адаптивного дизайну та налаштування під загальні розміри екранів, дозволяючи перевірити оптимальний розмір відображення.
Дослідження розміру вікна та екрану
Реальний час вимірювання поточного розміру вікна та роздільної здатності екрана
・Роздільна здатність дисплея
・Розмір екрана на момент доступу
・Розмір екрана після зміни розміру браузера
Роздільна здатність вашого дисплея
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
