Vérifier la taille de la fenêtre et de l'écranVoir la taille actuelle de la fenêtre sur PC et smartphoneOutil de vérification de la résolution d'affichage et de la taille du navigateur
Cet outil gratuit permet de vérifier en temps réel la taille de la fenêtre et la résolution d'affichage sur PC et smartphone. Il affiche en détail la taille de l'écran et la zone disponible au moment de l'accès et se met à jour instantanément lorsque la taille du navigateur change. Il est utile pour la vérification des designs responsifs et l'ajustement de l'affichage aux tailles d'écran courantes.
CSS & JavaScript 圧縮・整形ツール-全言語版
Vérifier la taille de la fenêtre et de l'écran
Mesure en temps réel de la taille actuelle de la fenêtre et de la résolution d'affichage
・Résolution d'affichage de l'écran
・Taille de l'écran au moment de l'accès
・Taille de l'écran après modification de la taille du navigateur
Résolution d'affichage de votre écran
Width :1280
Height : 720
Zone disponible de votre écran
Width :1280
Height : 720
Taille actuelle de la fenêtre ①
*Image ①
(hors barre de défilement, menu, barre d'état, etc.)
Width :1280
Height : 720
Taille actuelle de la fenêtre ②
*Image ②
(incluant la barre de défilement, hors menu, barre d'état, etc.)
Width :1280
Height : 720
Fenêtre entière actuelle
*Image ③
(incluant la barre de défilement, menu, barre d'état, et toute la bordure extérieure)
Width :1280
Height : 720
Taille de la fenêtre lors de l'accès (incluant la barre de défilement, hors menu, barre d'état, etc.)
Width :1280
Height : 720
Hauteur du document (body) (hauteur de toute cette page. Non variable)
Height : 5294
横幅
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)の高さ
縦:
5294
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5294
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5310
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5310
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Lorsque vous modifiez la taille du navigateur, la taille de la fenêtre modifiée s'affiche en temps réel, vous permettant de savoir quelle est la taille actuelle de la fenêtre que vous utilisez..
Lorsque vous créez une page Web sur un écran de grande taille, vous pouvez modifier la taille du navigateur pour correspondre aux tailles d'écran standard et vérifier l'affichage.
《Propriétés pour obtenir la taille de la fenêtre》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height