Để phát hiện độ phân giải màn hình, hãy sử dụng khái niệm window.screen.
Đối với chiều rộng, hãy sử dụng như sau -
window.screen.availWidth
Đối với chiều cao -
window.screen.availHeight
Sau đây là mã để phát hiện độ phân giải màn hình -
Ví dụ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <script> console.log("Available Width="+window.screen.availWidth); console.log("Available Height="+window.screen.availHeight); </script> </body> </html>
Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -