Debuggable Browser

David Pertiller

ဤအက်ပ်အကြောင်း

ဒါကဘာလဲ။
debug-enabled WebView သာဖြစ်ပြီး၊ သင်၏အမှန်တကယ်စက်ပေါ်တွင်လည်ပတ်နေစဉ်အတွင်းသင့် web app ကိုကြည့်ရှုစစ်ဆေးရန်နှင့် debug လုပ်ရန် Chrome ၏ Developer Tools (သင့်ကွန်ပျူတာသို့မဟုတ် Mac ပေါ်တွင်သုံးခြင်း) ကိုသုံးရန်ခွင့်ပြုသည်။

ဝဘ်ဆိုက်များနှင့်ဝဘ်ဒီဇိုင်းပညာရှင်များအတွက်သာရည်ရွယ်သည်။
ဤအက်ပလီကေးရှင်းကိုသူတို့၏ဝဘ်အက်ပလီကေးရှင်း၏အကောင်းဆုံးသောသုံးစွဲသူအတွေ့အကြုံကို Android အသုံးပြုသူများအားဖြန့်ဝေရန်ရည်ရွယ်သော web developer များအတွက်တည်ဆောက်ထားသည်။ အကယ်၍ သင်က web developer သို့မဟုတ် web app များကို web debugging လုပ်ရန်စိတ်မ ၀ င်စားဘူးဆိုလျှင်သာမန် browser နှင့်သင့်အတွက်ပိုကောင်းလိမ့်မည်။ )


၎င်းကိုဘယ်လိုအသုံးပြုသလဲ။
သင်၏ဝက်ဘ်ဆိုက်ကို Android စတိုးဘရောင်ဇာတွင်ဖွင့်ပြီးအောက်ပါပြissuesနာများထဲမှတစ်ခုကိုတွေ့မိလျှင်၊ ဤအက်ပလီကေးရှင်းသည်သင့်အတွက်အသုံးဝင်လိမ့်မည် -
& # 8219; & # 8195; သင့်ဝဘ်ဆိုက်၏ အပြင်အဆင်သို့မဟုတ်ပုံစံ ကို Android စတိုးဘရောင်ဇာတွင်ကြည့်ရှုသောအခါပြတ်တောက်သွားသည်။
& # 8219; & # 8195; သင်၏ JavaScript ကုဒ်သည်မျှော်လင့်ထားသည့်ရလဒ်ကိုမထုတ်လုပ်နိုင်ခြင်း (သို့) ကွပ်မျက်မှုကာလအတွင်းရုတ်တရက်ရပ်တန့်သွားနိုင်သည် (ဖြစ်နိုင်သည် ခြွင်းချက် ဖြစ်နိုင်သည်။ )
& # 8226; & # 8195; Animations ဟာနောက်ကျနေပြီဒါမှမဟုတ်မျှော်လင့်ထားတဲ့အတိုင်းမသက်ဝင်ပါဘူး။

ဖော်ပြချက်
တစ်ခါတစ်ရံတွင် web app သည် desktop browser များပေါ်တွင်အဆင်ပြေသော်လည်းမိုဘိုင်းဘရောက်စာများတွင်အလုပ်မလုပ်သောကြောင့်ဖြစ်တတ်သည်။ ပို၍ ဆိုးသည်မှာ၊ တစ်ခါတစ်ရံတွင်ချို့ယွင်းချက်များသည် (အချို့) မိုဘိုင်းထုတ်ကုန်များပေါ်တွင်သာဖြစ်ပွားတတ်သည်၊ ဤသည်မှာ Chrome's DevTools နှင့်အဝေးမှ debugging သည်အသုံး ၀ င်သည်။ Android အတွက် Chrome သည်၎င်းကိုအပြည့်အဝထောက်ခံသော်လည်း Android stock browser ကမူ၎င်းကိုမစွမ်းဆောင်နိုင်ပါ။ Android bug အမြောက်အများသည် stock browser တွင်သာဖြစ်တတ်ပြီး Chrome တွင်မည်သည့်နည်းနှင့်မျှပေါ်ပေါက်လာခြင်းမရှိသောကြောင့်ဖြစ်သည်။
ထို့ကြောင့်ဤ app သည်သင့်အားဇာတိဘရောက်ဇာ (WebView) အတွင်းဝက်ဘ်ဆိုက်များကိုလည်ပတ်ခွင့်ပြုသည်၊ စာမျက်နှာကို Chrome DevTools ဖြင့်စစ်ဆေးစစ်ဆေးပါ။

ဝေးလံခေါင်သီသော debugging ကိုမည်သို့စတင်မည်နည်း။
၁။ သင်၏ Android စက်တွင် Developer Mode ကိုဖွင့်ပြီးသင်၏ PC / Mac နှင့်ချိတ်ဆက်ပါ
၂။ ဤအက်ပလီကေးရှင်းကိုဖွင့ ်၍ ၎င်း၏ဝက်ဘ်ဆိုက်ဒ်၏ URL ကိုရိုက်ထည့်ပါ
၃။ သင်၏ PC / Mac တွင် Chrome ကိုဖွင့်ပြီး address bar သို့ "chrome: // inspection" ကိုရိုက်ပါ
Chrome တွင် "Discover USB Devices" ကိုစစ်ဆေးပါ။ ၎င်းသည်သင့်စက်ပေါ်တွင်သင်ဖွင့်ထားသောဝက်ဘ်စာမျက်နှာကိုဖော်ပြလိမ့်မည်
၅။ ဒီ app ကို Chrome Developer Tools ဖြင့်အဝေးထိန်းခြင်းနှင့်ပျော်မွေ့ခြင်းကိုခံစားပါ

ပိုမိုသိရှိလိုပါက https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser တွင်ဖတ်ပါ။

အသစ်များ

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!