service-worker


Service worker's offline caching is not working if I add my PWA on home screen


I made a PWA. Currently is deployed on heroku. URL - https://plain-js-pwa.herokuapp.com/.
My PWA installs service worker and manifest.json file. If I open it on chrome on mobile phone and put my phone on flight mode, then refreshing the url still gives shows me my application. Its expected as my service worker is doing offline caching.
But when I add my PWA to home screen, and try to open it on flight mode then it doesn't work. This is probably my first PWA, so please help me. I am generating my service worker file from 'sw-precache-webpack-plugin'.
My manifest.json file is:
{
"name": "VanillaJS-webpack App",
"short_name": "VanillaJS-webpack App",
"description": null,
"dir": "auto",
"lang": "en-US",
"display": "standalone",
"orientation": "any",
"start_url": "/?homescreen=1",
"background_color": "#ee6e73",
"icons": [
{
"src": "android-chrome-36x36.png",
"sizes": "36x36",
"type": "image/png"
},
{
"src": "android-chrome-48x48.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "android-chrome-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "android-chrome-96x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "android-chrome-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image/png"
},
{
"src": "/android-chrome-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}

Related Links

Service worker's offline caching is not working if I add my PWA on home screen
How to start using a progressive web app from login page when offline
Which is better to make a web application offline -application cache or service worker?
Service Worker support in chrome webview
Is the VAPID public key the same as applicationServerKey client-side?
How to show custom 404 page using sw-toolbox sw-precache libraries for service-worker
How much is the lifetime of a Service Worker, can it be controlled?
How can a initialize sw-precache with all site pages
How to test service worker background sync
service worker and client requests 'Cache-control': 'no-cache'
Service worker - get push data from my server
ServiceWorker not receiving fetch requests
how to add script in <head> section of prestashop
How to configure create-react-pwa with nested homepage (localhost/app)
Fetching cached objects in ServiceWorker - Failed
Service Worker cache busting

Categories

HOME
url-redirection
embedded
oracle12c
turing-machines
awk
amp-html
mjml
jsf-2.2
gradient
retrofit2
nfs
gson
android-securityexception
jsonpath
intercom
dynatrace
null-pointer
mathprog
chargify
html5-appcache
connector
database-connection
imageresizer
itunes
opentk
delimiter
handler
finagle
ntp
corenlp-server
boost-asio
mobx
kodi
contacts
reactjs.net
html-encode
engine.io
salesforce-communities
sql-server-ce
xcode7.3
sim-card
azure-arm
escpos
naming
drupal-theming
flask-login
mesosphere
automapper-5
identification
podscms
video-conferencing
reshape
mathcad
android-instrumentation
grails-plugin
redistributable
vulcanize
jboss-tools
http-status-code-401
qiime
nio2
grass
user-management
phpgrid
concept-insights
highland.js
xenomai
roadkill-wiki
ess
ons-api
canalyzer
iced-coffeescript
linked-tables
bufferedinputstream
uvc
sip-server
rickshaw
genymotion-call
winginx
radiant
clickbank
amslidemenu
mt4j
eclipse-kepler
notorm
c++builder-xe5
nevron
merb
diem
joomla-template
android-icons
wimax
pdfviewer
saleslogix
extconf.rb
expression-blend-4
htdocs
google-floodlight
objective-j
wysiwym
lemmatization
xslcompiledtransform
pnrp

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile