檢查視窗大小與螢幕尺寸
即時測量當前視窗大小與螢幕解析度
・顯示器螢幕解析度
・存取時的螢幕尺寸
・調整瀏覽器大小後的螢幕尺寸
|
| 您的顯示器螢幕解析度 |
Width ：1280
Height : 720 |
| 您的顯示器可用區域 |
Width ：1280
Height : 720 |
| 當前視窗大小 ① ＊Image ① (不包含滾動條、選單列、狀態列等) |
Width ：1280
Height : 720 |
| 當前視窗大小 ② ＊Image ② (包含滾動條，但不包含選單列、狀態列等) |
Width ：1280
Height : 720 |
| 整個視窗 ＊Image ③ (包含滾動條、選單列、狀態列等外框整體) |
Width ：1280
Height : 720 |
存取時的視窗大小
(包含滾動條，但不包含選單列、狀態列等) |
Width ：1280
Height : 720
|
文件 (body) 高度
(此頁面整體高度，不可變動) |
Height : 5123 |
|
横幅
| 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)の高さ |
縦： |
5123 |
| g2 | document.body.scrollHeight | ブラウザにより異なる(*3) |
縦： |
5123 |
| i2 | document.documentElement.offsetHeight | ドキュメント全体(body)の高さ |
縦： |
5139 |
| j2 | document.documentElement.scrollHeight | ブラウザにより異なる(*4) |
縦： |
5139 |
| お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ] |
|
- 當更改瀏覽器的大小時，變更後的視窗尺寸會同步顯示，讓您了解目前視窗的大小。
- 在較大尺寸的顯示器上製作網頁時，可以將瀏覽器的大小調整為一般顯示器尺寸進行確認。
-
① Client Width / Client Height
② Inner Width / Inner Height
③ Outer Width / Outer Height
|
| Your browser's current screen size [Window Size] |
|
Last updated : 2025/03/03
