Home
OFFLINE PWA

ADVANCED ENCODE AND DECODE TOOL

Advanced Encode And Decode Tool


Online


အသုံးပြုနည်းကိုအကျယ်ချဲ့ပြီးမရှင်းပြတော့ပါဘူး

Online အနေနဲ့အသုံးပြုချင်ရင်အောက်က code ကိုအသုံးပြုပါ


  1. dashboard ထဲက Layout ကိုနှိပ်
  2. Add a Gadget ကိုနှိပ်
  3. HTML/JavaScript ကိုနှိပ်
  4. အောက်က code ကို copy ယူ၍ထည့်ပါ
  5. save ကိုနှိပ်ပြီးပြီ

<iframe height="700" src="https://kokhinmaungwin.github.io/encode-decode-tools/" style="border: none; max-width: 900px; overflow: hidden;" width="100%"></iframe>

Offline


Offline အနေနဲ့အသုံးပြုချင်ရင်အောက်က link ကိုနှိပ်ပါ


  1. https://kokhinmaungwin.github.io/Encode-Decode-PWA/
  2. Install App ကိုနှိပ်
  3. install ကိုနှိပ်
  4. offline app အဖြစ်အသုံးပြုလို့ရပါပြီ

Offline အနေနဲ့အသုံးပြုမည်ဆိုပါက အောက်ကအချက်အလက်အချို့သိထားရန်လိုအပ်ပါသည်။
Browser Cache ရှင်းရင် PWA Offline မအောင်မြင်နိုင်ခြင်း အကြောင်း သိထားစေလိုပါတယ်
Progressive Web App (PWA) တွေဟာ Service Worker နဲ့ browser cache ကိုအမြဲတမ်းအသုံးပြုပြီး Offline မှာပါ အဆင်ပြေစွာ အသုံးပြုနိုင်အောင် ဒီဇိုင်းလုပ်ထားတာပါ။ ဒါပေမယ့် အသုံးပြုသူတွေ Browser Cache ကိုရှင်းလိုက်ရင် Offline mode အတွက် အချို့ assets တွေ ပျောက်ကွယ်သွားပြီး အလုပ်မလုပ်နိုင်ခြင်း၊ Error တွေဖြစ်တတ်ပါတယ်။
ဘာကြောင့် Browser Cache ရှင်းရင် ပြဿနာဖြစ်သလဲ?
Browser Cache ဆိုတာ Browser က locally သိမ်းဆည်းထားတဲ့ JavaScript, CSS, HTML ဖိုင်တွေကို ဆိုလိုပါတယ်။ Service Worker က အခြား cache storage (Cache Storage API) ကိုအသုံးပြုပြီး ထပ်မံ သိမ်းဆည်းပေမယ့် Browser Cache မှာဖိုင်တွေမရှိတော့ရင် တချို့ assets ကို မရနိုင်တဲ့အခြေအနေဖြစ်တတ်ပါတယ်။
ဒီအတွက်အချက်တွေရှိပါတယ်
  1. Browser Cache ရှင်းလိုက်ရင် အသုံးပြုတဲ့ assets တွေ ပျောက်ကွယ်သွားတတ်သည်
  2. Service Worker cache က သာမက browser cache ကိုတစ်ခါတစ်ရံ အသုံးချတာကြောင့် Offline မှာ အသုံးပြုချိန်မှာ လိုအပ်တဲ့ assets မတွေ့လို့ error ဖြစ်တတ်တယ်
  3. ဒီလိုဖြစ်ရင် App က ပြန်တက်ဖို့ (reload) နှင့် Internet ပြန်ဖွင့်ဖို့လိုတတ်တယ်
  4. Browser Cache ကိုရှင်းခြင်းက PWA Offline Usage အတွက်အန္တရာယ်ရှိတတ်ပါသဖြင့် လိုအပ်မှသာလုပ်ပါ
  5. Cache ရှင်းလိုက်ရင် app offline mode မှာ အဆင်မပြေဖြစ်နိုင်တာနဲ့တင်သိထားပြီးပြဿနာဖြစ်လာရင် Internet ဖွင့်ပြန်ပြီး reload လုပ်ပါ
  6. အခုအချက်တွေကို နားလည်သိရှိထားပြီဆိုရင် PWA ကို ပိုမိုကောင်းမွန်စွာအသုံးပြုနိုင်ပါသည်

Post a Comment