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

Can I cache mp3 files using service worker?
service worker install event is called before register event is completed
Can I dynamically modify start_url in the manifest.json file?
Progressive web apps: Update sw.js on Single Page Applications
Cache hits: service workers and browsers cache [duplicate]
maxAgeSeconds in sw-toolbox not working
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]

Categories

HOME
gridview
localization
eslint
ggplot2
camera
gradient
scripting
x264
polling
computer-science
extjs4.2
commonjs
google-chrome-app
vimdiff
github-enterprise
why3
dynatrace
mongodb-csharp
job-scheduling
mapstruct
cfml
enterprise-miner
topology
visual-glitch
babel
pagespeed
ckfinder
onload
custom-post-type
syntax-highlighting
exchangewebservices
tizen-tv
mql
sql-server-2000
hibernate-validator
hreflang
arduino-ide
sharepoint-workflow
google-knowledge-graph
playframework-2.1
dm-script
ideascript
ods
tasm
glm-math
file-sharing
drupal-theming
signal-strength
plan-9
puredata
getchar
netbeans6.8
singleinstance
stdmap
spring-data-couchbase
truezip
mouseleave
d3-force-directed
swingworker
stax
tinkerpop3
rspec2
installshield-2010
simevents
omniauth-facebook
nullable
false-sharing
blitline
jbase
libvlc
custom-errors
sciruby
r-package
lazybones
google-books
zen-cart
pax-exam
evolus-pencil
viola-jones
linked-tables
mmwormhole
document-repository
variadic-templates
at-job
entry-point
tweenlite
parallel-testing
rcaller
authlogic
websphere-esb
inputmismatchexception
scmmanager
idn
patricia-trie
jdb
httponly
tmx
instantiationexception
updatesourcetrigger
vs-android
google-wave
wspbuilder
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