Scopri la dimensione della finestra e dello schermoScopri la dimensione della finestra attuale del computer e dello smartphoneStrumento di verifica della risoluzione dello schermo e delle dimensioni del browser
Strumento gratuito per verificare in tempo reale la dimensione della finestra e la risoluzione dello schermo del tuo computer o smartphone. Mostra dettagliatamente la dimensione dello schermo e l'area disponibile al momento dell'accesso, aggiornando istantaneamente quando modifichi le dimensioni del browser. È utile per la creazione di siti web, la verifica del design responsive e per adattare alle dimensioni dello schermo comuni, permettendo di controllare la dimensione di visualizzazione ottimale.
Scopri la dimensione della finestra e dello schermo
Misura in tempo reale la dimensione attuale della finestra e la risoluzione dello schermo
・Risoluzione dello schermo del display
・Dimensione dello schermo al momento dell'accesso
・Dimensione dello schermo quando cambia la grandezza del browser
Risoluzione dello schermo del tuo display
Width :
Height :
Area disponibile del tuo display
Width :
Height :
Dimensione attuale della finestra ①
*Image ①
(Escludendo la barra di scorrimento, il menu e la barra di stato)
Width :
Height :
Dimensione attuale della finestra ②
*Image ②
(Inclusa la barra di scorrimento, escludendo il menu e la barra di stato)
Width :
Height :
Dimensione totale della finestra attuale
*Image ③
(Incluso l'intero bordo esterno, comprese la barra di scorrimento, il menu e la barra di stato)
Width :
Height :
Dimensione della finestra al momento dell'accesso (Inclusa la barra di scorrimento, escludendo il menu e la barra di stato)
Altezza del documento(body) (Questa è l'altezza complessiva della pagina, non variabile)
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)
縦:
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Quando cambi la grandezza del browser, la dimensione della finestra modificata viene visualizzata, permettendoti di capire a che dimensione di finestra stai visualizzando il contenuto。
Quando crei una pagina web su un display di grandi dimensioni, puoi modificare la dimensione del browser per verificarla su una dimensione di schermo comune.
《Proprietà per ottenere la dimensione della finestra》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height