Service Worker -- 特殊的Web Worker

Service Worker作为Web应用程序与浏览器间的代理服务器,实现离线缓存和后台消息传递。它不访问DOM,而是通过异步API工作,并在离线时仍能运行。Service Worker的生命周期包括安装、激活、等待和销毁四个阶段,主要用于网络资源代理和离线缓存。在使用中,可以拦截请求、缓存资源,是PWA(渐进式网页应用)的重要组成部分。
摘要由CSDN通过智能技术生成

在介绍service之前,先引入一下PWA(由Google的Chrome团队创造),技术支持主要是ServiceWorker和Web App Mainfest

PWA是一种webapp模型,是一种渐进的web app,利用一些web特性,配合ui使用,增强web app的用户体验。(手机使用Safari 进入 m.weibo.cn/beta 将它保存在手机桌面上,点击桌面上相应快捷方式时,不会再显示url)。

那么刚才已经说过了,PWA有一个特性 -- 浏览器离线和弱网络环境可以急速访问。 这就使用了即将介绍的Service Worker:

功能:

它是充当在web应用程序与浏览器之间的代理服务器。离线缓存


特性:
后台消息传递

网络代理、转发请求、伪造响应

离线缓存

消息推送

现阶段来看,serviceWorker的功能主要集中在网络资源代理和离线缓存上。可以理解为他是一个在浏览器离线时,仍能运行的web wokrer。因此,window以及dom都是不能访问的。可以利用self访问全局上下文。

service worker 完全异步、同步API (XHR、LocalStroage)不能在其中使用。

正常情况下他是需要https环境才能跑起来的。但是本地服务器(127.0.0.1 / localhost)是可以使用的。

打开终端

重启apache:sudo /usr/sbin/apachectl restart

关闭apache:sudo /usr/sbin/apachectl stop

开启apache:sudo /usr/sbin/apachectl start

他的生命周期如下:共包含四个状态:安装、激活、等待、销毁(解雇)

                                              

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值