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

Activate updated service worker on refresh
service worker fetch event on first load
Using sw-toolbox with gulp
What is the purpose of service worker?
How to set BigPictureStyle on Web Push Notifications?
Best practice pattern for service worker background-sync with CSRF protection
When does code in a service worker outside of an event handler run?
Service worker JavaScript update frequency (every 24 hours?)
Can a service worker be updated thanks to a push event?
Service worker remote/foreign installation [duplicate]
Can a service worker detect history navigation?
How to access Cache.addAll() request array
Can users clear the service worker cache?
Multiple requests are being made from service worker to cache a resource
Should service worker script be loaded first?
What are the pros and cons of sw-toolbox's cacheFirst handler versus the fastest handler?

Categories

HOME
android
asp.net-web-api
porting
localization
design-patterns
ng-idle
mysql-workbench
jwplayer
composite-primary-key
can
carousel
rds
mips
azure-container-service
retrofit2
google-chrome-app
plist
android-securityexception
alamofire
intercom
renjin
cumulocity
event-sourcing
searchview
sigma.js
selinux
undertow
guzzle
pagespeed
string-concatenation
visual-studio-extensions
interpreter
xunit
python-2.6
database-comparison
papaparse
activexobject
sendbird
magento-1.9.2.4
reason
railstutorial.org
apache-stanbol
comparison-operators
preloader
print-css
placeholder
httr
puredata
pom.xml
opennms
spring-integration-sftp
mschart
singleinstance
carrot2
reindex
video-conferencing
spring-data-couchbase
edit
er-diagram
trigger.io
myspace
hclust
omniauth-facebook
sklearn-pandas
nullable
iokit
dllimport
computer-architecture
opserver
viola-jones
amiga
umlgraph
java-security
execve
spy++
formview
universal-image-loader
memset
vsx
openargs
bin
visual-studio-express
http-patch
printdialog
inappsettingskit
cmmi
epiceditor
css-reset
joomla-template
windows-98
virtual-pc
bjyauthorize
multiplexing
jsr286
pylucene
cdonts
uideviceorientation
jqueryform
glui
firefox-3
technical-debt
blind

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