Trong lập trình JavaScript, đối tượng screen cung cấp thông tin về màn hình của thiết bị mà trình duyệt đang chạy. Đối tượng này là một phần của đối tượng window và cung cấp các thuộc tính để lấy thông tin như kích thước màn hình, độ phân giải, tỷ lệ khung hình và các thông số liên quan đến hiển thị.
Dưới đây là một số thuộc tính quan trọng của đối tượng screen:
screen.width: Trả về chiều rộng của màn hình trong điểm ảnh (pixels).screen.height: Trả về chiều cao của màn hình trong điểm ảnh (pixels).screen.availWidth: Trả về chiều rộng có sẵn của màn hình trong điểm ảnh (pixels), loại bỏ khu vực các thanh công cụ và tác vụ.screen.availHeight: Trả về chiều cao có sẵn của màn hình trong điểm ảnh (pixels), loại bỏ khu vực các thanh công cụ và tác vụ.screen.colorDepth: Trả về độ sâu màu của màn hình, tức là số lượng bit được sử dụng để biểu diễn mỗi màu. Ví dụ: 24 nghĩa là mỗi màu được biểu diễn bởi 24 bit.screen.pixelDepth: Tương tự nhưscreen.colorDepth, trả về độ sâu màu của màn hình dưới dạng số bit.
Ví dụ sử dụng:
javascript
// Lấy thông tin kích thước màn hình
const screenWidth = screen.width;
const screenHeight = screen.height;
console.log('Screen Width:', screenWidth);
console.log('Screen Height:', screenHeight);
// Lấy thông tin kích thước có sẵn của màn hình
const availScreenWidth = screen.availWidth;
const availScreenHeight = screen.availHeight;
console.log('Available Screen Width:', availScreenWidth);
console.log('Available Screen Height:', availScreenHeight);
// Lấy thông tin độ sâu màu của màn hình
const colorDepth = screen.colorDepth;
const pixelDepth = screen.pixelDepth;
console.log('Color Depth:', colorDepth);
console.log('Pixel Depth:', pixelDepth);
Đối tượng screen thường được sử dụng để điều chỉnh giao diện và trải nghiệm người dùng trên các thiết bị có kích thước màn hình khác nhau. Tuy nhiên, lưu ý rằng các thuộc tính của screen có thể trả về các giá trị không chính xác hoặc không được hỗ trợ trên một số trình duyệt và thiết bị di động.