Controleer venstergrootte en schermgrootteControleer de huidige venstergrootte van uw pc of smartphoneSchermresolutie & browsergrootte controletool
Dit is een gratis tool om de venstergrootte en schermresolutie van uw pc of smartphone in realtime te controleren. De schermgrootte en beschikbare ruimte bij toegang worden gedetailleerd weergegeven en worden onmiddellijk bijgewerkt wanneer u de grootte van de browser wijzigt. Handig voor het controleren van webontwikkeling, responsief ontwerp en het aanpassen aan gangbare schermformaten, waardoor u de optimale weergavegrootte kunt controleren.
CSS & JavaScript 圧縮・整形ツール-全言語版
Controleer venstergrootte en schermgrootte
Realtime meting van de huidige venstergrootte en schermresolutie
・Schermresolutie van het display
・Schermgrootte op het moment van toegang
・Schermgrootte bij wijziging van de browsergrootte
Schermresolutie van uw display
Width :1280
Height : 720
Beschikbare ruimte van uw display
Width :1280
Height : 720
Huidige venstergrootte ①
*Image ①
(Exclusief scrollbalk, menu- en statusbalken)
Width :1280
Height : 720
Huidige venstergrootte ②
*Image ②
(Inclusief scrollbalk, exclusief menu- en statusbalken)
Width :1280
Height : 720
Volledig venster
*Image ③
(Inclusief scroll-, menu- en statusbalken, volledige rand)
Width :1280
Height : 720
Venstergrootte bij toegang (Inclusief scrollbalk, exclusief menu- en statusbalken)
Width :1280
Height : 720
Hoogte van het document (body) (Dit is de totale hoogte van deze pagina. Niet variabel)
Height : 5275
横幅
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)の高さ
縦:
5275
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5275
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5291
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5291
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Wanneer u de grootte van de browser wijzigt, wordt de aangepaste venstergrootte in realtime weergegeven, zodat u kunt zien hoe groot het venster momenteel is..
Bij het maken van webpagina's op een groter scherm kunt u de browsergrootte aanpassen aan een standaard schermformaat om de weergave te controleren.
《Eigenschappen voor het verkrijgen van venstergrootte》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height