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

Why browser loads service worker when going offline and cause “An unknown error occurred when fetching the script.”?
Disable service workers when in development mode.
Let user choose to update Service Worker
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?

Categories

HOME
service-worker
facebook-oauth
eslint
nunit
3d
battery
oracle-apex-5
graphics
newrelic
dojo
limit
spring-session
iis-6
datastage
google-form
stellar.js
nancy
favicon
capistrano3
glyphicons
sencha-touch
drive
breadth-first-search
springfox
epsilon
monit
gmock
draft-js-plugins
data.stackexchange.com
tiki-wiki
oculus
paperjs
vex
finagle
ntp
userdefaults
autodesk-designautomation
event-flow
database-comparison
erb
wacom
batching
searchkit
openproject
wurfl
connection-pool
password-protection
bc
ogc
resolution
trigonometry
laravel-elixir
claims
mesosphere
xbmc
mschart
insight
trojan
context-switch
stdmap
tinkerpop
semantic-logging
oracleclient
git-flow
er-diagram
type-theory
universal-analytics
usart
meteor-packages
parfor
installshield-2010
firebase-security
refinerycms
jtwig
nullable
qbxml
relativelayout
avisynth
computer-architecture
microsoft-reporting
ember-cli-rails
amiga
pyobjc
nutiteq
grouping-sets
apache-spark-1.3
primitive-types
formview
unix-socket
rcaller
tinyxml
draw2d-js
spring-remoting
decoupling
high-resolution
rfc5322
inappsettingskit
scringo
nebula
merb
onload-event
mkv
boost-msm
predicatebuilder
relative
screen-size
uipagecontrol
svk
uideviceorientation
ajax-polling
lalr
sqlobject
online-storage
pbcopy
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