Để phát hiện độ phân giải màn hình, hãy sử dụng window.screen.
Đối với chiều rộng, sử dụng:
window.screen.availWidth
Đối với chiều cao:
window.screen.availHeight
Dưới đâ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, initial-scale=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("Chiều rộng khả dụng=" + window.screen.availWidth);
console.log("Chiều cao khả dụng=" + window.screen.availHeight);
</script>
</body>
</html>
Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.
Kết quả
Chương trình sẽ cho ra kết quả sau:
