Verificar tamanho da janela e da telaVerificar o tamanho atual da janela no computador e celularFerramenta para verificar a resolução do display e o tamanho do navegador
Ferramenta gratuita que permite verificar em tempo real o tamanho da janela e a resolução do display no seu computador ou celular. Mostra detalhadamente o tamanho da tela e a área utilizável no momento de acesso, e se o tamanho do navegador for alterado, as informações serão atualizadas imediatamente. É útil para desenvolvimento web, verificação de design responsivo e ajustes para tamanhos de tela comuns, permitindo verificar o tamanho de exibição ideal.
CSS & JavaScript 圧縮・整形ツール-全言語版
Verificar tamanho da janela e da tela
Medir em tempo real o tamanho da janela e a resolução da tela atuais
・Resolução da tela do display
・Tamanho da tela no momento de acesso
・Tamanho da tela ao alterar o tamanho do navegador
Resolução da tela do seu display
Width :1280
Height : 720
Área utilizável do display
Width :1280
Height : 720
Tamanho atual da janela ①
*Imagem ①
(Excluindo barras de rolagem, menus e barras de status)
Width :1280
Height : 720
Tamanho atual da janela ②
*Imagem ②
(Incluindo barra de rolagem, excluindo menus e barras de status)
Width :1280
Height : 720
Tamanho total da janela atual
*Imagem ③
(Incluindo barras de rolagem, menus e barras de status)
Width :1280
Height : 720
Tamanho da janela no momento de acesso (Incluindo barra de rolagem, excluindo menus e barras de status)
Width :1280
Height : 720
Altura do documento (body) (Altura de toda a página. Não variável)
Height : 5352
横幅
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)の高さ
縦:
5352
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5352
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5368
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5368
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Quando o tamanho do navegador é alterado, o tamanho da janela ajustado é exibido em tempo real, permitindo verificar o tamanho da janela atual, por exemplo.。
Se estiver criando uma página web em um display grande, você pode alterar o tamanho do navegador para um tamanho de display comum e verificar.
《Propriedades para obter o tamanho da janela》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height