JavaScript Debugging
ကွန်ပြူတာကုဒ်အသစ်အချို့ရေးတိုင်း အမှားများ (ဖြစ်နိုင်သည်)။
Code Debugging
ပရိုဂရမ်းမင်းကုဒ်တွင် အထားအသိုအမှားအယွင်းများ သို့မဟုတ် ယုတ္တိအမှားများ ပါဝင်နိုင်သည်။
ဤအမှားအယွင်းများစွာသည် ခွဲခြားရန်ခက်ခဲသည်။
မကြာခဏ၊ ပရိုဂရမ်းမင်းကုဒ်တွင် အမှားအယွင်းများပါနေလျှင် ဘာမှဖြစ်လာမည်မဟုတ်ပါ။ အမှားအယွင်း မက်ဆေ့ချ်များ မရှိတော့ဘဲ အမှားအယွင်းများကို ရှာဖွေရမည့် အရိပ်အယောင်များ သင်ရရှိမည်မဟုတ်ပါ။
ပရိုဂရမ်းမင်းကုဒ်တွင် အမှားအယွင်းများကို ရှာဖွေခြင်း (နှင့် ပြင်ဆင်ခြင်း) ကို ကုဒ်အမှားရှာခြင်းဟုခေါ်သည်။
JavaScript အမှားရှာများ
အမှားရှာပြင်ခြင်းသည် မလွယ်ကူပါ။ သို့သော် ကံကောင်းထောက်မစွာ၊ ခေတ်မီဘရောက်ဆာများအားလုံးတွင် built-in JavaScript debugger ရှိသည်။
Built-in အမှားအယွင်းများကို အသုံးပြုသူကို အစီရင်ခံခိုင်းစေခြင်းဖြင့် အမှားအယွင်းများကို ဖွင့်/ပိတ်နိုင်သည်။
အမှားရှာပြင်ကိရိယာဖြင့်၊ သင်သည် ကုဒ်လုပ်ဆောင်မှုကို ရပ်တန့်နိုင်သည့် နေရာများကို သတ်မှတ်ပေးကာ ကုဒ်ကို လုပ်ဆောင်နေစဥ်အချိန်အတွင်း ကိန်းရှင်များကို ဆန်းစစ်နိုင်သည်။
ပုံမှန်အားဖြင့်၊ သို့မဟုတ်ပါက ဤစာမျက်နှာ၏အောက်ခြေရှိ အဆင့်များကို လိုက်နာပါ၊ သင်သည် F12 သော့ဖြင့် သင့်ဘရောက်ဆာတွင် အမှားရှာပြင်ခြင်းကို စတင်ကာ၊ အမှားရှာပြင်မီနူးရှိ "Console" ကို ရွေးချယ်ပါ။
console.log() နည်းလမ်း
သင့်ဘရောက်ဆာသည် အမှားရှာပြင်ခြင်းကို ပံ့ပိုးပါက၊ အမှား ရှာပြင်ခြင်း console.log()
ဝင်းဒိုးတွင် JavaScript တန်ဖိုးများကို ပြသရန် သင်အသုံးပြုနိုင်သည်-
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
အကြံပြုချက်- ကျွန်ုပ်တို့၏ JavaScript Console ကိုးကားconsole.log()
မှုတွင် နည်းလမ်း အကြောင်း ပိုမိုဖတ်ရှုပါ ။
Breakpoints သတ်မှတ်ခြင်း။
အမှားရှာပြင်သည့်ဝင်းဒိုးတွင်၊ သင်သည် JavaScript ကုဒ်တွင် ဖောက်ခွဲမှတ်များကို သတ်မှတ်နိုင်သည်။
breakpoint တစ်ခုစီတွင်၊ JavaScript သည် လုပ်ဆောင်မှုကို ရပ်သွားမည်ဖြစ်ပြီး JavaScript တန်ဖိုးများကို စစ်ဆေးခွင့်ပြုမည်ဖြစ်သည်။
တန်ဖိုးများကို စစ်ဆေးပြီးနောက်၊ သင်သည် ကုဒ်၏လုပ်ဆောင်မှုကို ပြန်လည်စတင်နိုင်သည် (ပုံမှန်အားဖြင့် ကစားခလုတ်တစ်ခုဖြင့်)။
ဒီဘာဂဂါ Keyword ပါ။
သော့ချက်စာလုံးသည် JavaScript ၏ debugger
လုပ်ဆောင်မှုကိုရပ်တန့်စေပြီး အမှားရှာပြင်ခြင်းလုပ်ဆောင်ချက်ကို (ရရှိနိုင်ပါက) ခေါ်ဆိုသည်။
၎င်းသည် အမှားရှာပြင်ကိရိယာရှိ ဖြတ်တောက်မှုတစ်ခုသတ်မှတ်ခြင်းနှင့် တူညီသောလုပ်ဆောင်ချက်ရှိသည်။
အမှားရှာပြင်ခြင်း မရရှိနိုင်ပါက၊ အမှားရှာပြင်သည့် ထုတ်ပြန်ချက်တွင် အကျိုးသက်ရောက်မှု မရှိပါ။
အမှားရှာပြင်ကိရိယာကို ဖွင့်ထားခြင်းဖြင့်၊ ဤကုဒ်သည် တတိယစာကြောင်းကို မလုပ်ဆောင်မီ လုပ်ဆောင်ခြင်း ရပ်သွားပါမည်။
ဥပမာ
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
အဓိက ဘရောက်ဆာများ၏ အမှားရှာပြင်ခြင်း ကိရိယာများ
ပုံမှန်အားဖြင့် သင်သည် F12 ဖြင့် သင့်ဘရောက်ဆာတွင် အမှားရှာပြင်ခြင်းကို စတင်ပြီး အမှားရှာပြင်မီနူးရှိ "Console" ကို ရွေးချယ်ပါ။
မဟုတ်ပါက ဤအဆင့်များကို လိုက်နာပါ-
ရုန်းတယ်။
- browser ကိုဖွင့်ပါ။
- မီနူးမှ "နောက်ထပ်ကိရိယာများ" ကိုရွေးချယ်ပါ။
- ကိရိယာများမှ "ဆော့ဖ်ဝဲရေးသားသူကိရိယာများ" ကိုရွေးချယ်ပါ။
- နောက်ဆုံးအနေနဲ့ Console ကိုရွေးပါ။
Firefox
- browser ကိုဖွင့်ပါ။
- မီနူးမှ "ဝဘ် Developer" ကိုရွေးချယ်ပါ။
- နောက်ဆုံးအနေနဲ့ "Web Console" ကိုရွေးချယ်ပါ။
အစွန်း
- browser ကိုဖွင့်ပါ။
- မီနူးမှ "Developer Tools" ကိုရွေးချယ်ပါ။
- နောက်ဆုံးအနေနဲ့ "Console" ကိုရွေးချယ်ပါ။
အော်ပရာ
- browser ကိုဖွင့်ပါ။
- မီနူးမှ "Developer" ကိုရွေးချယ်ပါ။
- "Developer" မှ "Developer tools" ကိုရွေးချယ်ပါ။
- နောက်ဆုံးအနေနဲ့ "Console" ကိုရွေးချယ်ပါ။
ဆာဖာရီ
- ပင်မမီနူးရှိ Safari၊ Preferences၊ Advanced သို့သွားပါ။
- "Enable Show Develop menu in menu bar" ကိုစစ်ဆေးပါ။
- ရွေးချယ်မှုအသစ် "Develop" မီနူးတွင်ပေါ်လာသောအခါ-
"Show Error Console" ကိုရွေးချယ်ပါ။
မင်းသိလား?
အမှားရှာပြင်ခြင်းဆိုသည်မှာ ကွန်ပျူတာပရိုဂရမ်များတွင် စမ်းသပ်ခြင်း၊ ရှာဖွေခြင်းနှင့် ချို့ယွင်းချက်များ (အမှားအယွင်းများ) လျှော့ချခြင်းလုပ်ငန်းစဉ်ဖြစ်သည်။
ပထမဆုံး လူသိများသော ကွန်ပျူတာ ချို့ယွင်းချက်မှာ အီလက်ထရွန်းနစ် ပစ္စည်းများတွင် ကပ်နေသော တကယ့်ပိုးကောင် (အင်းဆက်) ဖြစ်သည်။