️ JavaScript screen অবজেক্ট – একটি সম্পূর্ণ গাইড
JavaScript এ screen object ব্যবহার করে আপনি ইউজারের ডিভাইস বা মনিটরের স্ক্রিন সম্পর্কিত বিভিন্ন তথ্য জানতে পারেন। এটি window অবজেক্টের একটি অংশ। সাধারণত এটি window.screen হিসেবে ব্যবহৃত হয়।
screen object দিয়ে কী জানা যায়?
screen.width– স্ক্রিনের প্রস্থ (px)screen.height– স্ক্রিনের উচ্চতা (px)screen.availWidth– usable প্রস্থ (taskbar বাদে)screen.availHeight– usable উচ্চতাscreen.colorDepth– bit per pixel (রং গভীরতা)screen.pixelDepth– পিক্সেল গভীরতা
স্ক্রিন তথ্য দেখানোর জন্য একটি Example:
আপনার স্ক্রিনের তথ্য নিচে দেখা যাবে:
<script>
function showScreenInfo() {
let info = “স্ক্রিন প্রস্থ: ” + screen.width + “px <br>” +
“স্ক্রিন উচ্চতা: ” + screen.height + “px <br>” +
“উপলভ্য প্রস্থ: ” + screen.availWidth + “px <br>” +
“উপলভ্য উচ্চতা: ” + screen.availHeight + “px <br>” +
“Color Depth: ” + screen.colorDepth + ” bit <br>” +
“Pixel Depth: ” + screen.pixelDepth + ” bit”;
document.getElementById(“screenInfo”).innerHTML = info;
}
</script>
function showScreenInfo() {
let info = “স্ক্রিন প্রস্থ: ” + screen.width + “px <br>” +
“স্ক্রিন উচ্চতা: ” + screen.height + “px <br>” +
“উপলভ্য প্রস্থ: ” + screen.availWidth + “px <br>” +
“উপলভ্য উচ্চতা: ” + screen.availHeight + “px <br>” +
“Color Depth: ” + screen.colorDepth + ” bit <br>” +
“Pixel Depth: ” + screen.pixelDepth + ” bit”;
document.getElementById(“screenInfo”).innerHTML = info;
}
</script>
টেবিল আকারে screen object এর key properties
| Property | Description |
|---|---|
| screen.width | ডিভাইস স্ক্রিনের পূর্ণ প্রস্থ |
| screen.height | ডিভাইস স্ক্রিনের পূর্ণ উচ্চতা |
| screen.availWidth | স্ক্রিনের usable প্রস্থ |
| screen.availHeight | usable উচ্চতা (taskbar বাদ) |
| screen.colorDepth | color bit depth |
| screen.pixelDepth | পিক্সেল গভীরতা |
সংক্ষিপ্তভাবে মনে রাখুন:
- screen object HTML বা DOM এর অংশ নয়, এটি window এর অন্তর্গত।
- এটি শুধুমাত্র ব্রাউজারের স্ক্রিন সম্পর্কিত ইনফরমেশন দেয়।
- screen দিয়ে আপনি রেসপন্সিভ ডিজাইন বা ইউজার এনালাইসিস করতে পারেন।