Kiểm tra kích thước cửa sổ & màn hìnhKiểm tra kích thước cửa sổ hiện tại trên máy tính & điện thoạiCông cụ kiểm tra độ phân giải hiển thị & kích thước trình duyệt
Đây là công cụ miễn phí giúp kiểm tra kích thước cửa sổ và độ phân giải hiển thị của máy tính hoặc điện thoại theo thời gian thực. Công cụ hiển thị chi tiết kích thước màn hình và vùng có thể sử dụng khi truy cập, đồng thời tự động cập nhật khi thay đổi kích thước trình duyệt. Hữu ích cho kiểm tra thiết kế web, xác minh responsive, và điều chỉnh kích thước màn hình phù hợp.
CSS & JavaScript 圧縮・整形ツール-全言語版
Kiểm tra kích thước cửa sổ & màn hình
Đo kích thước cửa sổ & độ phân giải màn hình hiện tại theo thời gian thực
・Độ phân giải màn hình hiển thị
・Kích thước màn hình tại thời điểm truy cập
・Kích thước màn hình sau khi thay đổi kích thước trình duyệt
Độ phân giải màn hình của bạn
Width :1280
Height : 720
Vùng có thể sử dụng của màn hình
Width :1280
Height : 720
Kích thước cửa sổ hiện tại ①
*Hình ảnh ①
(Không bao gồm thanh cuộn, menu, thanh trạng thái, v.v.)
Width :1280
Height : 720
Kích thước cửa sổ hiện tại ②
*Hình ảnh ②
(Bao gồm thanh cuộn, không bao gồm menu, thanh trạng thái, v.v.)
Width :1280
Height : 720
Tổng thể cửa sổ hiện tại
*Hình ảnh ③
(Bao gồm cả thanh cuộn, menu, thanh trạng thái và khung ngoài)
Width :1280
Height : 720
Kích thước cửa sổ tại thời điểm truy cập (Bao gồm thanh cuộn, không bao gồm menu, thanh trạng thái, v.v.)
Width :1280
Height : 720
Chiều cao của tài liệu (body) (Chiều cao của toàn bộ trang này. Không thay đổi)
Height : 5237
横幅
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)の高さ
縦:
5237
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5237
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5253
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5253
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Khi thay đổi kích thước trình duyệt, kích thước cửa sổ sẽ tự động cập nhật, giúp bạn biết được kích thước cửa sổ hiện tại..
Nếu bạn thiết kế trang web trên màn hình lớn, có thể điều chỉnh kích thước trình duyệt về kích thước phổ biến để kiểm tra hiển thị.
《Thuộc tính lấy kích thước cửa sổ》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height