Ablakméret és képernyőméret vizsgálataSzámítógép és okostelefon jelenlegi ablakméretének vizsgálataKépernyőfelbontás és böngészőméret ellenőrző eszköz
Ingyenes eszköz, amellyel valós időben vizsgálható a számítógép vagy okostelefon ablakmérete és kijelzőfelbontása. Az oldal hozzáférésének pillanatában a képernyőméret és elérhető terület részletesen megjelenik, és az ablakméret változtatásakor azonnal frissül. Hasznos webfejlesztéshez, reszponzív dizájn ellenőrzéséhez és általános képernyőméret beállításokhoz, és lehetővé teszi az optimális kijelzőméret ellenőrzését.
Ablakméret és képernyőméret vizsgálata
A jelenlegi ablakméret és képernyőfelbontás valós idejű mérése
・Képernyőfelbontás
・A hozzáférés pillanatában lévő képernyőméret
・A böngésző méretének változtatásakor lévő képernyőméret
A kijelző képernyőfelbontása
Width :
Height :
A kijelző elérhető területe
Width :
Height :
A jelenlegi ablakméret ①
*Image ①
(a görgetősávot, menüt, státuszbárt nem számítva)
Width :
Height :
A jelenlegi ablakméret ②
*Image ②
(a görgetősávot beleértve, menüt és státuszbárt nem számítva)
Width :
Height :
A jelenlegi ablak teljes mérete
*Image ③
(a görgetősávot, menüt, státuszbárt és a külső keretet beleértve)
Width :
Height :
A hozzáférés pillanatában lévő ablakméret (a görgetősávot beleértve, menüt és státuszbárt nem számítva)
A dokumentum (body) magassága (ez az oldal teljes magassága, nem változtatható)
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)
縦:
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Ha módosítja a böngésző méretét, az ablakméret automatikusan frissül, és láthatóvá válik, hogy mekkora ablakban nézi az oldalt.。
Ha nagyobb kijelzőn weboldalt készít, a böngésző méretének módosításával ellenőrizheti az általános kijelző méretének megfelelőséget.
《Ablakméret lekérési tulajdonságok》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height