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

Cache busting through sw-precache on already versioned bundle files
How to create Service Work to store dynamic content in Progressive WEB APP?
Offline page is not showing in fetch function when using service worker?
Running Service workers continuosly in background?
Service Worker, double caching?
ServiceWorkerRegistration.active not being set first time (Chrome)
Pre cache folder and subfolder content
Push web api, notificationclick, how to open desktop client instead opening a new browser client
keys property doesn't exist on my PushRegistration object
Web push notifications not showing since Chrome switched to OSX notifications
Can I have multiple service workers both intercept the same fetch request?
Ensure service worker is updated when hosted on a CDN?
When is my service worker updated?
difference between fetching page and file in serviceworker
How to allow serviceworkers for http in chrome
Read cookies from within a Service Worker?

Categories

HOME
phantom-dsl
porting
scikit-learn
apache-flink
ns-3
depth
angular2-material
toolbox
error-handling
sublimetext
rendering
vxml
telegram-bot
hpc
angularfire2
lanczos
special-characters
computer-science
fabric.io
plist
enterprise-architect
android-intent
bitnami
null-pointer
spring-async
libigl
question2answer
tosca
jquery-callback
gmock
maze
mql
google-earth
recurring-events
weather
sql-server-2000
jmockit
erb
autolisp
simplecv
code-snippets
linkedhashmap
processwire
engine.io
openerp-7
google-knowledge-graph
openalpr
z-notation
unordered-map
stringtokenizer
branching-and-merging
logback-groovy
memory-mapping
vaadin-charts
pom.xml
jboss-4.2.x
payara-micro
opengl-4
headless
mouseleave
cmp
cvxpy
winusb
flex4.6
watch-os-2
signalr.client
phpwebsocket
concept-insights
jnlua
lasso
jdk1.7
omnifaces
teamcity-9.1
uvc
mmwormhole
cross-join
delayed-execution
at-job
android-cookiemanager
raygun
trdion2011
named-parameters
ora-00904
reflector
koala
superscrollorama
joomla3.1
qi4j
saleslogix
window-decoration
cross-database
ikimagebrowserview
matlab-load
catransform3d
event-receiver
socketserver
luajava
undefined-index
message-passing
strtod
asynchronous-wcf-call
dojo-dnd
contentpresenter
netbeans6.1

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App