Testing PWA kwenye Simu & PC | COMPUTER
1️⃣ Test kwenye Desktop (PC)
Browser: Chrome, Edge au Firefox (PWA supported)
a) Open DevTools
Bonyeza F12 au Ctrl+Shift+I
Chagua tab ya Application
b) Angalia Manifest & Service Worker
Under Manifest, angalia kuwa icons, theme-color, name, start_url ziko sahihi
Under Service Workers, hakikisha sw.js ime register
c) Simulate Install
Chrome: Bonyeza Add to Homescreen au Install kwenye URL bar
Angalia splash screen na icon zinaonekana kama configured
d) Simulate Offline
DevTools → Network → Check Offline
Reload page → angalia kama content inatokea na offline fallback page ikiwa ime configure
2️⃣ Test kwenye Mobile (Android / iOS)
Android (Chrome):
Fungua website kwenye Chrome
Subiri “Add to Home Screen” prompt au tumia button yako ya Install App
Add app → Angalia splash screen + icon
Disconnect internet → Fungua app → Angalia offline behavior
iOS (Safari):
Fungua website kwenye Safari
Bonyeza Share → Add to Home Screen
Angalia icon + launch page
Offline support inahitaji caching via service worker, lakini iOS ina restrictions kidogo
3️⃣ Common Issues & Fixes
Issue Fix
Install prompt haionekani Hakikisha beforeinstallprompt event inahandle vizuri, site ni HTTPS, manifest.json valid
Offline haifanyi kazi Hakikisha service worker ina cache pages muhimu
Splash screen haionekani Check icons size & theme-color
iOS PWA limitations iOS caches pages differently, service worker may not work perfectly
4️⃣ Tips
Test kwenye different devices: Android, iPhone, tablets, PC
Use Lighthouse (Chrome DevTools → Lighthouse) → audit PWA performance, offline, best practices
Kila browser ina slight differences, adjust service worker & manifest accordingly
🔗 Links Za Kujifunza Zaidi
🌐 Faulink Official Website:
https://www.faulink.com/
📘 Jifunze Web Design & Programming:
https://www.faulink.com/excel_mifumo.php
📲 Piga / WhatsApp kwa msaada wa haraka:
https://wa.me/255693118509