Untersuchung der Fenstergröße und BildschirmgrößeUntersuchung der aktuellen Fenstergröße von Computer und SmartphoneAnzeigeauflösung & Browsergrößenprüf-Tool
Ein kostenloses Tool, mit dem Sie die Fenstergröße und Bildschirmauflösung von Computern und Smartphones in Echtzeit untersuchen können. Es zeigt die Bildschirmgröße und den verfügbaren Bereich zum Zeitpunkt des Zugriffs detailliert an, und wird sofort aktualisiert, wenn Sie die Größe des Browsers ändern. Es ist nützlich für Webentwicklung und die Überprüfung von responsivem Design und eignet sich auch für die Anpassung an allgemeine Bildschirmgrößen, um die optimale Anzeigengröße zu überprüfen.
Untersuchung der Fenstergröße und Bildschirmgröße
Echtzeitmessung der aktuellen Fenstergröße und Bildschirmauflösung
・Bildschirmauflösung des Displays
・Bildschirmgröße zum Zeitpunkt des Zugriffs
・Bildschirmgröße bei Änderung der Browsergröße
Aktuelle Bildschirmauflösung des verwendeten Displays
Width ：
Height :
Verfügbarer Bereich des verwendeten Displays
Width ：
Height :
Aktuelle Fenstergröße ①
＊Bild ①
(Scrollen, Menü- und Statusleiste werden ausgeschlossen)
Width ：
Height :
Aktuelle Fenstergröße ②
＊Bild ②
(Scrollbalken enthalten, Menü- und Statusleiste werden ausgeschlossen)
Width ：
Height :
Gesamte aktuelle Fenstergröße
＊Bild ③
(Das gesamte äußere Rahmen inklusive Scrollen, Menü- und Statusleiste)
Width ：
Height :
Fenstergröße zum Zeitpunkt des Zugriffs (Scrollbalken enthalten, Menü- und Statusleiste werden ausgeschlossen)
Dokumentenhöhe (body) (Dies ist die gesamte Höhe dieser Seite. Sie ist nicht veränderbar)
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)
縦：
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Wenn die Größe des Browsers geändert wird, wird die geänderte Fenstergröße angezeigt, sodass Sie sehen können, mit welcher Fenstergröße Sie gerade arbeiten。
Wenn Sie eine Web-Seite auf einem größeren Display erstellen, können Sie die Größe des Browsers auf eine gängige Displaygröße ändern, um diese zu überprüfen.
《Fenstergröße Abruf-Eigenschaft》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height
