技术咨询、项目合作、广告投放、简历咨询、技术文档下载
点击这里 联系博主
# 如何添加PWA
# sidebar: false
主要使用 register-service-worker
。代码地址 (opens new window)
# register-service-worker
A script to simplify service worker registration with hooks for common events.
# Usage
Note: this script uses ES modules export and is expected to be used with a client side bundler that can handle ES modules syntax.
import { register } from 'register-service-worker'
register('/service-worker.js', {
registrationOptions: { scope: './' },
ready (registration) {
console.log('Service worker is active.')
},
registered (registration) {
console.log('Service worker has been registered.')
},
cached (registration) {
console.log('Content has been cached for offline use.')
},
updatefound (registration) {
console.log('New content is downloading.')
},
updated (registration) {
console.log('New content is available; please refresh.')
},
offline () {
console.log('No internet connection found. App is running in offline mode.')
},
error (error) {
console.error('Error during service worker registration:', error)
}
})
The ready
, registered
, cached
, updatefound
and updated
events passes a ServiceWorkerRegistration (opens new window) instance in their arguments.
The registrationOptions
object will be passed as the second argument to ServiceWorkerContainer.register()
(opens new window)
- 本文链接: https://mrgaogang.github.io/vue/%E5%A6%82%E4%BD%95%E6%B7%BB%E5%8A%A0PWA.html
- 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 许可协议。转载请注明出处!
← 你所忽略的Vue