Comprobar el tamaño de la ventana y la pantallaVer el tamaño actual de la ventana en PC y smartphonesHerramienta para comprobar la resolución de pantalla y el tamaño del navegador
Esta es una herramienta gratuita que permite comprobar en tiempo real el tamaño de la ventana y la resolución de pantalla en PC y smartphones. Muestra en detalle el tamaño de la pantalla y el área disponible en el momento del acceso, y se actualiza inmediatamente cuando se cambia el tamaño del navegador. Es útil para verificar diseños responsivos en desarrollo web y ajustar el tamaño de visualización a pantallas comunes.
CSS & JavaScript 圧縮・整形ツール-全言語版
Comprobar el tamaño de la ventana y la pantalla
Medición en tiempo real del tamaño actual de la ventana y la resolución de pantalla
・Resolución de pantalla del monitor
・Tamaño de la pantalla en el momento del acceso
・Tamaño de la pantalla después de cambiar el tamaño del navegador
Resolución de pantalla de tu monitor
Width :1280
Height : 720
Área disponible de tu pantalla
Width :1280
Height : 720
Tamaño actual de la ventana ①
*Imagen ①
(Excluyendo la barra de desplazamiento, menús y barra de estado)
Width :1280
Height : 720
Tamaño actual de la ventana ②
*Imagen ②
(Incluyendo la barra de desplazamiento, excluyendo menús y barra de estado)
Width :1280
Height : 720
Tamaño total de la ventana
*Imagen ③
(Incluyendo la barra de desplazamiento, menús y barra de estado)
Width :1280
Height : 720
Tamaño de la ventana en el momento del acceso (Incluyendo la barra de desplazamiento, excluyendo menús y barra de estado)
Width :1280
Height : 720
Altura del documento (body) (Altura total de esta página. No es variable)
Height : 5367
横幅
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)の高さ
縦:
5367
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5367
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5383
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5383
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Cuando se cambia el tamaño del navegador, el tamaño de la ventana se actualiza en tiempo real, lo que permite ver fácilmente el tamaño de la ventana actual..
Si estás desarrollando una página web en una pantalla grande, puedes cambiar el tamaño del navegador a un tamaño de pantalla común para verificar el diseño.
《Propiedades para obtener el tamaño de la ventana》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height