အဆိုပါအော်ပရာက Web Browser ကိုအတွက်စာမျက်နှာရင်းမြစ် View နှင့် Analyze လုပ်နည်း

ဒီသင်ခန်းစာသာ Windows သို့မဟုတ် Mac OS များပေါ်တွင်အော်ပရာဘရောက်ဇာကိုအပြေးအသုံးပြုသူများအတွက်ရည်ရွယ်ပါသည်။ သင်သည်အခြား browsers တွေအတွက်စာမျက်နှာအရင်းအမြစ်ကြည့်ရှုရန်လိုအပ်တယ်ဆိုရင်ဘယ်လိုကျွန်တော်တို့ရဲ့လမ်းညွှန်ထဲမှာလေ့လာသင်ယူ တိုင်း Browser ကိုတစ်ဦးက Web Page ကို၏ရငျးမွစျ Code ကို View ကိုဘယ်လို

သင့်ကိုယ်ပိုင်ဆိုက်နှင့်ပြဿနာတစ်ခု debugging ကနေပဲလွင်ပြင်သိချင်စိတ်အထိဝဘ်စာမျက်နှာရဲ့ source code ကိုကြည့်ရှုရန်လိုသောအဘို့အအကွောငျးရငျးမြားစှာရှိပါတယျ။ မည်သို့ပင်သင့်ရဲ့ရည်ရွယ်ချက်ကအဆိုပါအော်ပရာဘရောက်ဇာကဒီအလုပ်တစ်ခုကိုပြီးမြောက်ရန်လွယ်ကူစေသည်။ သင်တစ်ဦးကို browser tab ကိုအတွင်းက၎င်း၏အခြေခံအကျဆုံးပုံစံ၌ဤအရင်းအမြစ်ရှုမြင်သို့မဟုတ်အော်ပရာရဲ့ပေါင်းစည်းအတူပိုမိုနက်ရှိုင်းငုပ်ယူရွေးကောက်တင်မြှောက်နိုင်ပါတယ် developer tools တွေ ။ ဒီသင်ခန်းစာသင်နှစ်ဦးစလုံးလုပ်ဖို့ဘယ်လိုပြသထားတယ်။ ပထမဦးစွာသင့်ရဲ့ Opera ကဘရောက်ဇာကိုဖွင့်လှစ်

Windows ကိုအသုံးပြုသူများသည်

သင့် browser window ၏အထက်လက်ဝဲလက်ထောင့်တွင်တည်ရှိသောအော်ပရာ menu ကိုခလုတ်ပေါ်တွင်ကလစ်နှိပ်ပါ။ drop-down menu ကပေါ်လာသောအခါ, ပို tools တွေကို option ကိုကျော်သင့်ရဲ့ mouse ကို cursor ပျံဝဲ။ တစ်ဦးက sub-menu ကိုယခုပေါ်လာသငျ့သညျ။ တစ်ဦးစစ်ဆေးမှုများအမှတ်အသားဒီ option ၏လက်ဝဲထားရှိကြောင်းဒါကြောင့် Show ကိုဆော့ဖ်ဝဲရေးသူ menu ပေါ်တွင်ကလစ်နှိပ်ပါ။

အဓိကအော်ပရာ menu ကိုပြန်သွားပါ။ သငျသညျယခုတိုက်ရိုက်ရေးသားသူအမည်တပ်ထားသောပို tools များအောက်တွင်ဖော်ပြထားသောတည်ရှိသောသစ်တစ်ခု option ကိုသတိထားမိပါလိမ့်မယ်။ တစ်ဦး sub-menu ကိုပုံပေါ်သည်အထိသင့်ရဲ့ mouse ကို cursor ဒီ option ကိုကျော်ပျံဝဲ။ ယင်းနောက်ကြည့်ရန်စာမျက်နှာအရင်းအမြစ်ပေါ်ကလစ်နှိပ်ပါ။ တက်ကြွစွာဝဘ်စာမျက်နှာများအတွက် source code ကိုယခုအသစ်တခုကို browser tab ကိုပြသပါလိမ့်မည်။ သငျသညျလညျးဤအချက်ရောက်ရှိရန်အောက်ပါကီးဘုတ် shortcut ကိုအသုံးပွုနိုငျ: CTRL + ဦး

, အတက်ကြွစာမျက်နှာနှင့်၎င်း၏သက်ဆိုင်ရာကုဒ်အကြောင်းပိုမို In-depth ကိုအသေးစိတ်ကြည့်ရှုပြုစုသူ sub-menu ကိုမှအရေးသားသူ tools တွေကို option ကိုရွေးပါသို့မဟုတ်အောက်ပါကီးဘုတ် shortcut ကိုအကျိုးရှိစွာအသုံးချရန်: CTRL + SHIFT + I ကို

Mac OS X နှင့် MacOS Sierra အသုံးပြုသူများ

မျက်နှာပြင်ရဲ့ထိပ်ပိုင်းမှာတည်ရှိပါတယ်သင့်ရဲ့ Opera ကမီနူးထဲမှာကြည့်ရန်ပေါ်တွင်ကလစ်နှိပ်ပါ။ ဘယ်အချိန်မှာ drop-down menu ကို, ကို select လုပ်ပါ Show ကိုရေးသားသူ Menu ကိုပုံပေါ်ပါတယ်။ အသစ် option ကိုယခုသင့်အော်ပရာ menu ကိုတံဆိပ်ကပ်ရေးသားသူမှဆက်ပြောသည်ရပါမည်။ လာမယ့်ဒီ option ကိုအပေါ်ကိုနှိပ်ပါ, drop-down menu ကို View Source ကို select ပေါ်လာသောအခါ။ သင်တို့သည်လည်းဤ action ဖျော်ဖြေဖို့အောက်ပါကီးဘုတ် shortcut ကိုအသုံးပွုနိုငျ: Ctrl + ဦး

အသစ် tab ကိုယခုလက်ရှိစာမျက်နှာရဲ့ source code ကိုဖေါ်ပြခြင်း, မြင်နိုင်ဖြစ်သင့်သည်။ အော်ပရာရဲ့ dev toolset, သင့် screen ၏အပေါ်ဆုံးမှာ browser ကို Menu ထဲမှာရေးသားသူပေါ်တွင်ပထမဆုံးကလစ်နှင့်အတူဤတူညီသောစာမျက်နှာခွဲခြမ်းစိတ်ဖြာရန်။ drop-down menu ကပေါ်လာသောအခါ, ရေးသားသူ 'Tools' option ကိုရွေးပါ။