ตรวจสอบขนาดหน้าต่างและขนาดหน้าจอ
วัดขนาดหน้าต่างและความละเอียดหน้าจอแบบเรียลไทม์
・ความละเอียดของหน้าจอแสดงผล
・ขนาดหน้าจอในขณะที่เข้าถึง
・ขนาดหน้าจอหลังจากเปลี่ยนขนาดของเบราว์เซอร์
|
| ความละเอียดของหน้าจอแสดงผลของคุณ |
Width ：
Height : |
| พื้นที่ที่สามารถใช้งานได้ของหน้าจอแสดงผลของคุณ |
Width ：
Height : |
| ขนาดหน้าต่างปัจจุบัน ① ＊Image ① (ไม่รวมแถบเลื่อน เมนู และแถบสถานะ) |
Width ：
Height : |
| ขนาดหน้าต่างปัจจุบัน ② ＊Image ② (รวมแถบเลื่อน แต่ไม่รวมเมนูและแถบสถานะ) |
Width ：
Height : |
| ขนาดหน้าต่างทั้งหมด ＊Image ③ (รวมแถบเลื่อน เมนู และแถบสถานะทั้งหมด) |
Width ：
Height : |
ขนาดหน้าต่างในขณะที่เข้าถึง
(รวมแถบเลื่อน แต่ไม่รวมเมนูและแถบสถานะ) |
|
ความสูงของเอกสาร (body)
(ความสูงของหน้านี้ทั้งหมด ไม่สามารถเปลี่ยนแปลงได้) |
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) |
縦： |
|
| お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ] |
|
- เมื่อเปลี่ยนขนาดของเบราว์เซอร์ ขนาดหน้าต่างที่เปลี่ยนแปลงจะปรากฏขึ้นแบบเรียลไทม์ ช่วยให้ทราบว่ากำลังดูหน้าต่างขนาดเท่าใด。
- เมื่อต้องการพัฒนาเว็บเพจบนหน้าจอขนาดใหญ่ สามารถปรับขนาดของเบราว์เซอร์ให้เป็นขนาดหน้าจอทั่วไปเพื่อตรวจสอบการแสดงผล
-
《คุณสมบัติสำหรับรับขนาดหน้าต่าง》
① 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
