Zjistěte velikost okna a obrazovkyZjistěte aktuální velikost okna mobilu a počítačeNástroj pro kontrolu rozlišení displeje a velikosti prohlížeče
Tento nástroj vám zdarma umožní zjistit aktuální velikost okna a rozlišení displeje počítače nebo mobilu v reálném čase. Zobrazuje podrobnosti o velikosti obrazovky při přístupu a dostupné oblasti, která se okamžitě aktualizuje při změně velikosti prohlížeče. Tento nástroj je užitečný pro webový design, kontrolu responzivního designu a přizpůsobení pro běžné velikosti obrazovky, což vám umožní ověřit optimální zobrazení velikosti.
CSS & JavaScript 圧縮・整形ツール-全言語版
Zjistěte velikost okna a obrazovky
Měření aktuální velikosti okna a rozlišení obrazovky v reálném čase
・Rozlišení displeje
・Velikost obrazovky při přístupu
・Velikost obrazovky při změně velikosti prohlížeče
Rozlišení obrazovky vašeho displeje
Width :1280
Height : 720
Dostupná oblast vašeho displeje
Width :1280
Height : 720
Aktuální velikost okna ①
*Image ①
(bez zahrnutí scrollbaru, menu a stavového řádku)
Width :1280
Height : 720
Aktuální velikost okna ②
*Image ②
(zahrnuje scroll bar, bez menu a stavového řádku)
Width :1280
Height : 720
Celkové aktuální okno
*Image ③
(zahrnuje celé okno včetně scroll barů, menu a stavového řádku)
Width :1280
Height : 720
Velikost okna při přístupu (zahrnuje scroll bar, bez menu a stavového řádku)
Width :1280
Height : 720
Výška dokumentu (body) (toto je celková výška celé stránky. Není variabilní)
Height : 5199
横幅
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)の高さ
縦:
5199
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5199
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5215
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5215
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Při změně velikosti prohlížeče se okamžitě zobrazí změněná velikost okna a zjistíte, jak velké okno právě používáte。
Při tvorbě webové stránky na velkém displeji můžete změnit velikost prohlížeče na běžné velikosti obrazovky a prověřit zobrazení.
《Vlastnosti pro získání velikosti okna》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height