Workbox.routing v3.x 中文版

NAMESPACE STATIC
VERSION V3.6.1

NavigationRoute

NavigationRoute可以轻松创建匹配浏览器navigation requests的Route。

它仅匹配mode设置为navigate的请求。

您可以只使用blacklistwhitelist参数中的一个或两个,将此路由应用于导航请求中。

RegExpRoute

RegExpRoute可以轻松创建一个基于正则表达式的Route。

对于同源请求,正则只需要匹配部分URL。 对于针对第三方服务器的请求,您必须定义与URL的开头匹配的正则。

有关信息,请参阅模块文档。

Route

Route包含matchhandler回调函数。match回调决定路由是否通过handler来处理请求。当匹配时调用handler回调并且应该返回一个解析为Response的Promise。

Router

如果存在匹配的路由,Router可以通过一个或多个Routes来响应请求。

如果没有匹配请求,在设置default的handle情况下会执行这个handle。

如果匹配的路由抛出错误,路由器将使用catch处理程序。如果定义了这个handle,它会执行并做出请求进行响应。

如果请求匹配多条路由,则最早注册的路由将用于响应请求。

方法

registerNavigationRoute

STATIC

registerNavigationRoute(cachedAssetUrl, options),返回workbox.routing.NavigationRoute

注册导航请求路由,会返回预缓存文件。对于App Shell模式是非常有用的。

这个方法会生成一个NavigationRoute并调用Router.registerRoute()。

参数

cachedAssetUrl

String。

options

可选,Object,包含以下属性:

  • cacheName:可选,string。缓存名,用来存储和获取请求。默认缓存名由workbox-core.cacheNames提供。
  • blacklist:可选,Array of RegExp。如果与任何一个匹配,则不会处理请求(即使白名单也匹配)。
  • whitelist:可选,Array of RegExp。如果URL的pathname和查询参数与任何一个匹配,则路由会处理请求(在黑名单未匹配的情况下)。

返回

workbox.routing.NavigationRoute 返回生成的路由。

registerRoute

STATIC

registerRoute(capture, handler, method)返回workbox.routing.Route。

使用缓存策略很轻松的注册RegExpstringfunction路由。

如果需要,此方法会生成Route并调用Router.registerRoute() 。

参数

capture

如果捕获参数是Route,则将忽略所有其他参数。(RegExp,string,workbox.routing.Route~matchCallback,或者 workbox.routing.Route)

handler

workbox.routing.Route~handlerCallback
一个回调函数,它返回一个Response的Promise。

method

可选,string。用于匹配Route的HTTP方法。

返回

workbox.routing.Route,生成Route(对注销很用)。

setCatchHandler

STATIC

setCatchHandler(handler)

如果在处理请求期间路由抛出错误,那么将调用此处理程序,并可以做出请求响应。

参数

handler

一个回调函数,它返回一个Response的Promise。

setDefaultHandler

STATIC

setDefaultHandler(handler)

定义当没有路由匹配请求时调用的默认处理程序。

如果没有默认处理程序,则不匹配的请求将通过网络请求,就像没有service worker一样。

参数

handler

一个回调函数,它返回一个Response的Promise。

unregisterRoute

STATIC

unregisterRoute(route)

注销路由。

参数

route

注销的路由。


博客名称:王乐平博客

CSDN博客地址:http://blog.csdn.net/lecepin

知识共享许可协议
本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/401651.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Workbox.strategies v3.x 中文版

NAMESPACE STATIC VERSION V3.6.1 该模块提供了大多数serviceworker常用的缓存策略的简单实现。 类 CacheFirst cache-first请求策略的实现。 缓存优先策略对于带版本号的资源是非常有用的,像这种URLstyles/example.a8f5f1.css,因为它们可以长时间缓存…

集算器访问HTTP数据的代码示例

使用集算器(esProc)可以很方便的从http数据源读取数据进行处理。本例子中有一个servlet,对外提供json格式的雇员信息查询。Servlet访问数据库的员工表,保存了员工的信息,如下:EID NAME SURNAME …

PWA(Progressive Web App)入门系列:Cache Storage Cache

前言 目前浏览器的存储机制有很多,如:indexedDB、localStorage、sessionStorage、File System API、applicationCache 等等,那为什么又制定了一套 Cache API 呢?对比其他存储机制有什么优势? 简介 Cache API 是一套…

「浏览器插件」无广告国内视频平台直接播放插件

前段时间发现一些比较不错的解析国内视频平台的一些 API 接口,很早之前基于这些接口做过一个 Android 端的播放软件,但为了更方便使用吧,于是做了一个 Chrome 的浏览器插件,解析接口也是在线更新的,所以用起来会比较方…

kafka性能测试(转)KAFKA 0.8 PRODUCER PERFORMANCE

来自:http://blog.liveramp.com/2013/04/08/kafka-0-8-producer-performance-2/ At LiveRamp, we constantly face scaling challenges as the volume of data that our infrastructure must deal with continues to grow. One such challenge involves the logging system. At…

Workbox-Window v4.x 中文版

Workbox 目前发了一个大版本,从 v3.x 到了 v4.x,变化有挺大的,下面是在 window 环境下的模块。 什么是 workbox-window? workbox-window 包是一组模块,用于在 window 上下文中运行,也就是说,在你的网页内…

媒体播放器三大底层架构

2019独角兽企业重金招聘Python工程师标准>>> 媒体播放工具,这里主要指视频播放,因为要面临庞大的兼容性和纷繁复杂的算法,从架构上看,能脱颖而出的体系屈指可数。大体来说业界主要有3大架构:MPC、MPlayer和…

PWA 可用性检测工具

针对移动端或者 PC 端浏览器是否对 PWA 可用的问题上,做了一个简单的站点,来实现上述问题的方便检测。让开发者较快的了解终端浏览器的特性支持度。 使用 工具地址:https://lecepin.gitee.io/detect-sw/ 地址二维码: 检测 可…

PWA 应用列表及常用工具

引言 在做 PWA 的过程中自己写了一些相关的应用和工具,在这里整合下,方便记录及查找使用。 应用列表 PWA 支持检测工具番茄钟二维码生成新闻应用身体数据统计应用支付宝集福应用田英章书法字典应用抖音无水印下载应用很好用的备忘录精神氮泵 PWA 支持检…

Struts2中访问HttpServletRequest和HttpSession

2019独角兽企业重金招聘Python工程师标准>>> 关键字: struts2 httpservletrequest httpsession 在没有使用Struts2之前,都习惯使用HttpServletRequest和HttpSession对象来操作相关参数,下面介绍一下在Struts2中访问隐藏的HttpServletRequest和HttpSession的两种方法…

web前端长度单位详解(px、em、rem、%、vw/vh、vmin/vmax、vm、calc())

基础理论1)简介2)绝对长度3)相对长度4)经验之谈1)简介 在前端开发中,会遇到各种不同类型的长度单位,比如px,em,rem等。 而整体的长度单位分为两大类:相对长度 和 绝对长度。 2&…

PWA(Progressive Web App)入门系列:Fetch Request Headers Response Body

前言 在 WEB 中,对于网络请求一直使用的是 XMLHttpRequest API 来处理,XMLHttpRequest 也很强大,传统的 Ajax 也是基于此 API 的。那么为什么 W3C 标准中又加入了类似功能的 Fetch API 呢?他有何优势。 Fetch 什么是 Fetch Fet…

CSS3开发总结(圆角、盒阴影、边界图片)

CSS3开发总结(圆角) 12/100 发布文章 qq_41913971 CSS31)圆角 border-radius2)盒阴影 box-shadow3)边界图片 border-image-source1)圆角 border-radius border-radius属性,复合属性。一个最多可…

深入理解Android的startservice和bindservice

一、首先,让我们确认下什么是service? service就是android系统中的服务,它有这么几个特点:它无法与用户直接进行交互、它必须由用户或者其他程序显式的启动、它的优先级比较高, 它比处于前台的应用优先级低&am…

PWA(Progressive Web App)入门系列:Notification

前言 在很多场景下,需要一种通知的交互方式来提醒用户,传统方式下可以在页面实现一个 Dialog,或通过修改网页的 title 来实现消息的通知。然而传统的实现存在着一定的不足,在网页最小化的情况下,无法查看任何通知&…

PWA(Progressive Web App)入门系列:Push

前言 很多时候,原生应用会通过一些消息推送来唤起用户的关注,增加驻留率。网页该怎么做呢?有没有类似原生应用的推送机制?推送功能又能玩出什么花样呢? Push API Push API 给与了 Web 应用程序接收从服务器发出的推送…

Dom学习笔记

DOM document object model 文档 对象 模型 文档:html页面 文档对象:页面中的元素 文档对象模型: 文档对象模型是w3c 为了能够让js去操作页面中的元素,定义的一套标准 DOM会把当前文档看作一棵树 树种的每一个元素就是文档树 的一个节点 同…

PWA(Progressive Web App)入门系列:消息通讯

前言 serviceWorker 的能力决定它要处理的事情,网站页面的部分逻辑处理会转移到 serviceWorker 层进行处理,这里就要页面层和 serviceWorker 层进行交互来实现消息通讯。 下面就说一下两个环境下的消息通讯。 窗口向 serviceWorker 通讯 这里列举出窗…

查看Linux上程序或进程用到的库

为什么80%的码农都做不了架构师?>>> ldd /path/to/program 要找出某个特定可执行依赖的库,可以使用ldd命令。这个命令调用动态链接器去找到程序的库文件依赖关系。 objdump -p /path/to/program | grep NEEDED 注意!并不推荐为任…

超方便的 IndexDB 库

前言 做为 Web 浏览器层的本地存储,IndexDB 做为一个很好的选择,几乎可以存储任意类型的数据,且是异步的。但是正常使用方式下需要在监听各种事件来处理结果,不是很方便,下面就对这一层进行了包装,使用方便…