Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में स्क्रीन की उपलब्ध ऊंचाई और चौड़ाई कैसे प्राप्त करें


window.screen ऑब्जेक्ट ने ब्राउज़र स्क्रीन के बारे में जानकारी प्राप्त करने के लिए कई सुविधाएं प्रदान की हैं। इसने screen.availWidth और screen.availHeight प्रदान किए हैं ताकि स्क्रीन की उपलब्ध ऊंचाई और उपलब्ध चौड़ाई प्राप्त की जा सके। आइए उन्हें व्यक्तिगत रूप से चर्चा करें।

उपलब्ध चौड़ाई

उदाहरण

screen.availWidth प्रॉपर्टी विज़िटर की स्क्रीन की वास्तविक चौड़ाई लौटाती है यानी यह Windows टास्कबार जैसे इंटरफ़ेस सुविधाओं की चौड़ाई घटा देती है। परिणामी मान पिक्सेल में होगा।

<html> <body> <p id="width"></p> <script> document.getElementById("Width").innerHTML = "Available screen width is " + screen.availWidth; </script> </body> </html>

आउटपुट

Available screen width is 1366


उपलब्ध ऊंचाई

उदाहरण

screen.availHeight प्रॉपर्टी स्क्रीन की वास्तविक ऊंचाई लौटाती है यानी यह Windows टास्कबार जैसे इंटरफ़ेस सुविधाओं को घटा देती है। परिणामी मान पिक्सेल में होगा।

<html> <body> <p id="height"></p> <script> document.getElementById("height").innerHTML = "Available screen width is " + screen.availHeight; </script> </body> </html>

आउटपुट

Available screen height is 728

  1. एंड्रॉइड डिवाइस की स्क्रीन ऊंचाई और चौड़ाई कैसे प्राप्त करें? एंड्रॉइड डिवाइस की स्क्रीन ऊंचाई और चौड़ाई कैसे प्राप्त करें?

    एंड्रॉइड में स्क्रीन आयाम प्राप्त करने का पूरा गाइड यह उदाहरण दर्शाता है कि एंड्रॉइड डिवाइस की स्क्रीन ऊंचाई, चौड़ाई और इंच में आकार को प्रोग्रामेटिक रूप से कैसे प्राप्त किया जाए। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में File → New Project पर जाएं और आवश्यक विवरण भरकर एक नया प्रोजेक्ट बनाएं।

  1. एंड्रॉइड में ImageView की ऊंचाई और चौड़ाई कैसे प्राप्त करें? एंड्रॉइड में ImageView की ऊंचाई और चौड़ाई कैसे प्राप्त करें?

    रनटाइम पर ImageView के आयाम प्राप्त करना यह उदाहरण दर्शाता है कि बटन क्लिक पर ImageView की वास्तविक ऊंचाई और चौड़ाई कैसे प्राप्त करें। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में File → New Project चुनें। चरण 2: लेआउट में ImageView, बटन और TextView जोड़ें res/layout/activity_main.xml: <?xml v

  1. - Android में नेविगेशन बार की ऊंचाई और चौड़ाई प्रोग्रामेटिकली कैसे प्राप्त करें?

    Android नेविगेशन बार के डायमेंशन प्राप्त करने का तरीका यह उदाहरण दिखाता है कि सिस्टम रिसोर्सेज का उपयोग करके नेविगेशन बार की ऊंचाई और चौड़ाई को कोड के माध्यम से कैसे प्राप्त किया जाता है। यह इमर्सिव UI या कस्टम लेआउट बनाने के लिए उपयोगी है। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में File → New P