Tarkista ikkunan koko ja näytön kokoTarkista tietokoneen ja älypuhelimen nykyinen ikkunan kokoNäytön tarkkuuden & selaimen koon tarkistus työkalu
Ilmainen työkalu, joka näyttää reaaliaikaisesti tietokoneen ja älypuhelimen ikkunan koon ja näytön tarkkuuden. Se näyttää tarkasti näytön koon ja käytettävissä olevan alueen, ja päivittyy välittömästi selaimen koon muuttuessa. Kätevä web-suunnitteluun ja responsiivisen suunnittelun tarkistamiseen sekä yleisiin ruudun kokoihin säätämiseen.
Tarkista ikkunan koko ja näytön koko
Reaaliaikainen mittaus nykyisestä ikkunan koosta ja näytön tarkkuudesta
・Näytön tarkkuus
・Sivustolle pääsyn hetkellä oleva näytön koko
・Selaimen koon muutoksen hetkellä oleva näytön koko
Käytössä olevan näytön tarkkuus
Width :
Height :
Käytettävissä oleva alue näytöllä
Width :
Height :
Nykyinen ikkunan koko ①
*Kuva ①
(Poislukien vierityspalkki, valikko ja tilarivi)
Width :
Height :
Nykyinen ikkunan koko ②
*Kuva ②
(Sisältäen vierityspalkin, poislukien valikko ja tilarivi)
Width :
Height :
Nykyinen koko koko ikkunasta
*Kuva ③
(Sisältäen vierityspalkin, valikon ja tilarivin ympäröivän kehyksen)
Width :
Height :
Hetkinen ikkunan koko sivustolle pääsyhetkellä (Sisältäen vierityspalkin, poislukien valikko ja tilarivi)
Dokumentin (body) korkeus (Tämä on koko sivun korkeus. Se ei muutu)
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)
縦:
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Kun selaimen kokoa muutetaan, se päivittää ikkunan koon ja näyttää sen reaaliaikaisesti, jolloin näet nykyisen ikkunan koon.。
Jos luot verkkosivustoa suuremmalla näytöllä, voit säätää selaimen koon vastaamaan tavallista näyttöä ja tarkistaa sivuston näkymän sen kokoisena.
《Ikkunan koon hakemisen ominaisuus》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height