स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए, window.screen की अवधारणा का उपयोग करें।
चौड़ाई के लिए, निम्न का उपयोग करें -
window.screen.availWidth
ऊंचाई के लिए -
window.screen.availHeight
स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए कोड निम्नलिखित है -
उदाहरण
<!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> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम “anyName.html(index.html)” को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "ओपन विद लाइव सर्वर" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
