ဖြေရှင်းထားသည်- အကယ်၍ မျက်နှာပြင်အကျယ်

စခရင်အကျယ်နှင့်ပတ်သက်သည့် အဓိကပြဿနာမှာ စက်အားလုံးတွင် ကောင်းမွန်သော အပြင်အဆင်များကို ဖန်တီးရန် ခက်ခဲနိုင်သောကြောင့်ဖြစ်သည်။ ဥပမာအားဖြင့်၊ သင်သည် desktop ကွန်ပျူတာတွင် ကောင်းမွန်သော အပြင်အဆင်ကို လိုချင်ပါက၊ ၎င်းသည် ဖုန်း သို့မဟုတ် တက်ဘလက်တွင် ကြည့်ကောင်းမည်မဟုတ်ပေ။

 is less than 768px

if (screen.width < 768) {
    // do something
}

ဤကုဒ်သည် မျက်နှာပြင်၏ အကျယ်သည် 768px ထက်နည်းခြင်း ရှိမရှိ စစ်ဆေးနေသည်။ အကယ်၍ ၎င်းသည် curly braces အတွင်းရှိ code ကို execute လုပ်လိမ့်မည်။

JavaScript မျက်နှာပြင် ဂုဏ်သတ္တိများ

JavaScript တွင်၊ လက်ရှိဖန်သားပြင်နှင့်ပတ်သက်သည့် အချက်အလက်များကို ရယူရန်အတွက် မျက်နှာပြင်ဂုဏ်သတ္တိများကို အသုံးပြုပါသည်။ window.screen ပိုင်ဆိုင်မှုကို အသုံးပြု၍ မျက်နှာပြင်ဂုဏ်သတ္တိများကို ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။ အောက်ပါဇယားသည် JavaScript တွင် အသုံးအများဆုံး မျက်နှာပြင်ဂုဏ်သတ္တိများကို စာရင်းပြုစုထားသည်။

မျက်နှာပြင် ပိုင်ဆိုင်မှု ဖော်ပြချက်

window.screen.width လက်ရှိစခရင်၏ အကျယ်သည် pixels များဖြစ်သည်။

window.screen.height လက်ရှိစခရင်၏ အမြင့်သည် pixels ရှိသည်။

window.screen.depth ပစ်ဆယ်ရှိ လက်ရှိမျက်နှာပြင်၏အတိမ်အနက် (0 = မျက်နှာပြင်၊ 1 = ဘစ်မြေပုံ)။

JavaScript ဖြင့် မျက်နှာပြင် အမျိုးအစား

မျက်နှာပြင်အမျိုးအစားသည် javascript ဖြစ်သည်။