window.screen trả về object **Screen** — cung cấp thông tin màn hình client.
Các property hữu ích
| Property | Mô tả |
|---|---|
availWidth | Chiều rộng khả dụng (px), trừ taskbar/dock |
availHeight | Chiều cao khả dụng (px), trừ taskbar/dock |
width | Chiều rộng màn hình vật lý (px) |
height | Chiều cao màn hình vật lý (px) |
colorDepth | Độ sâu màu (bit per pixel) |
pixelDepth | Độ sâu pixel (thường = colorDepth) |
availLeft | Pixel đầu tiên khả dụng từ trái (multi-monitor) |
availTop | Pixel đầu tiên khả dụng từ trên (multi-monitor) |
orientation | ScreenOrientation object (portrait/landscape, angle) |
left, top | Vị trí screen so với primary screen (multi-monitor) |
Ví dụ
console.log(`Screen: ${screen.width}x${screen.height}`);
console.log(`Available: ${screen.availWidth}x${screen.availHeight}`);
console.log(`Color depth: ${screen.colorDepth}bit`);
Use case: Responsive design, điều chỉnh layout/game canvas, detect multi-monitor.