appcache-update
HTML5 AppCache update progress plugin
Requirements
- A working appcache manifest enabled website
Features and usage
- Displays a progress bar when the appcache is downloading a new version
AppCache.showUpdateProgress
(default:true
)
- Displays a notice and refresh link
AppCache.showUpdateNotice
(default:true
)
- Keeps track of the total number of files in the appcache with localStorage
AppCache.totalFiles
(default:true
)
- Optional logout link handling
AppCache.handleLogout
(default:false
)
- Optional autoswap to trigger swapCache() (default:
false
, automatic withshowUpdateNotice
) - Provides debug information regarding the appcache
AppCache.debug
(default: false)
- Use CSS to change the look and transitions
- Container:
#appcache-update-available
- with transition (top 0.4s ease-out)
#appcache-update-available.slidein
- with transition (top 0.4s ease-out)
- Progress container:
#appcache-update-progress
- with transition:
#appcache-update-progress.slideout
- with transition:
- Progress status:
#appcache-progress-status
(width gets updated)
- Container:
Credits to Ben Nadel's blog post