ServiceWorker /缓存API中的通配符
ServiceWorker是一种在Web浏览器后台运行的脚本，它可以拦截和处理网络请求，使得网页可以在离线状态下仍然能够正常运行。缓存API是ServiceWorker中的一部分，它提供了一种机制来缓存和管理网页的资源，包括HTML、CSS、JavaScript、图像等。
通配符是缓存API中的一个重要概念，它用于匹配URL模式。通配符可以用来指定一组URL，以便在ServiceWorker中对这些URL进行特定的处理。在缓存API中，有两种通配符可以使用：
- （星号）：匹配任意字符，可以用于匹配一个目录下的所有资源。例如，'/images/'可以匹配所有以'/images/'开头的URL，如'/images/logo.png'、'/images/banner.jpg'等。
- （双星号）：匹配任意字符，包括目录分隔符（/）。可以用于匹配多级目录下的所有资源。例如，'/assets/'可以匹配所有以'/assets/'开头的URL，无论后面跟着什么路径，如'/assets/css/style.css'、'/assets/js/main.js'等。
通配符在缓存API中的应用场景非常广泛。通过使用通配符，可以实现对特定类型的资源进行缓存或拦截处理，从而提高网页的加载速度和性能。例如，可以使用通配符将所有的CSS和JavaScript文件缓存起来，以便在离线状态下仍然能够正常加载网页样式和交互逻辑。
腾讯云提供了一系列与ServiceWorker和缓存API相关的产品和服务，其中包括：
- 腾讯云CDN（内容分发网络）：提供全球加速、智能缓存、动态加速等功能，可以帮助网页资源更快地加载和传输，提升用户体验。了解更多：腾讯云CDN
- 腾讯云Serverless Cloud Function（SCF）：提供无服务器计算服务，可以用于编写和部署ServiceWorker脚本，实现自定义的缓存策略和资源管理。了解更多：腾讯云SCF
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，可以用于存储和管理网页的静态资源，如HTML、CSS、JavaScript、图像等。了解更多：腾讯云COS
通过结合上述腾讯云产品和服务，开发人员可以充分利用ServiceWorker和缓存API的通配符功能，优化网页的加载性能和用户体验。
相关·内容
我正在使用ServiceWorker，在开发模式下工作得很好，我的问题是在生产模式下，我的捆绑包名称是使用散列生成的，例如1234das3123ad5.bundle.js，所以服务工作者不会缓存它。index.html', ]); )
});
浏览 16提问于2017-02-19得票数 11
回答已采纳
TL;DR:如何使用ServiceWorker缓存html2canvas处理的图像？为什么不使用现有的ServiceWorker缓存？
我正在编写一个PWA，它也可以脱机使用。它是一个用于创建定制图像网格的应用程序。图像来自外部API，我使用Workbox/ServiceWorker将这些请求缓存到API。对于所有图像，--在iframe/屏幕截图中--新请求是完成的，并且不使用
浏览 17提问于2022-07-05得票数 1
我是服务工作者的新手，我正在使用Workbox预缓存我的应用程序shell和缓存我的api数据。我认为这可能是一个时间问题，所以我在javascript中设置了数据的页面重载，但是这仍然没有缓存调用。我没有做任何具体
浏览 1提问于2017-08-14得票数 9
我正在试验基于HTML5 ServiceWorker API的。在文章中提到，
当用户导航到您的站点时，浏览器尝试重新下载定义后台服务工作人员的脚本文件。如果与当前的文件相比，服务工作文件中甚至有一个字节的差异，它就会认为它是“新的”。由此我得出结论，如果我要更改工人的脚本文件中的任何内容，它将提示浏览器定义一个新版本，当所有引用该工作人员旧版本的页面被终止时，
浏览 5提问于2015-04-08得票数 1
回答已采纳
1回答
我有一个已经注册的serviceworker。我正在使用一个铁路应用程序接口通过getJSON获取一些信息，我正在使用javascript在DOM上显示这些信息。API加载，并且仅在按下按钮后发送请求。url取决于输入值。我已经将我的html，css，js文件缓存到缓存中。现在如何将铁路API的url缓存到缓存中？
浏览 0提问于2016-09-20得票数 0
1回答
不推荐应用程序缓存，这意味着我们需要切换到服务工作者，但我已经做了研究。1)“在Cordova应用程序中不可能使用ServiceWorker，因为ServiceWorker API对WKWebView不可用，也不能在UIWebView中实现，它在iOS上的Safari中是可用的2)使用私有api启用appcache不起作用//是
浏览 0提问于2019-02-11得票数 1
我不明白浏览器缓存和ServiceWorker缓存之间的区别。“浏览器缓存和ServiceWorker缓存都可以获得处于脱机状态的资源”
理解这一点好吗
浏览 2提问于2019-07-23得票数 0
我想和我的服务人员一起缓存易失性数据。我的想法是首先返回可能过时的缓存匹配，同时触发提取请求，如果/在获取成功时返回该数据。这是我要缓存的非易失性数据的代码： caches.match(request.url).then(function(cacheResponse) {] Fetched from API', fetchResponse)
浏览 2提问于2017-09-01得票数 1
在我的Main.js文件中，我有以下代码： import * as serviceWorker from '.() 这个serviceWorker默认是从create-react-app操作创建的，但我必须从源代码复制它，因为我没有使用create-react-app创建应用程序。serviceWorker在/ scope中查找“service-WORKER.js”文件。在以下行中： const swUrl = `/ser
浏览 19提问于2020-01-24得票数 1
回答已采纳
1回答
每次更改当前使用的缓存版本时，我都试图安装一个清除缓存的ServiceWorker。我将index.html缓存在v0.0.1缓存中，如果缓存版本更改为v0.0.2或其他任何内容，则应该重新下载index.html。我用以下内容加载我的ServiceWorker： navigator.<
浏览 0提问于2018-11-26得票数 3
回答已采纳
大多数注册服务工作人员的示例都是通过JavaScript注册的。成员： "src": "sw.js", "update_via_cache": "none"这是我唯一见过的地方。清单方法的声明性好处是显而易见的，但如果使用该方法，如何引用注册对象以跟踪类似于
浏览 0提问于2018-05-12得票数 3
回答已采纳
ServiceWorker是Chrome中一种新的api。它允许您做的许多事情之一是拦截网络请求并使用缓存的版本进行响应。我正在实现一个“让这个离线”按钮，它动态地将东西添加到缓存中。我想向用户报告我使用了多少空间，以及我在缓存中放置了多少条目。
是否可以查询缓存以获取缓存中的项数？我能报告缓存在里面的东西的大小吗？
浏览 6提问于2015-02-05得票数 9
回答已采纳
我使用ServiceWorker缓存一些资产，并且希望在成功缓存所有文件后让用户知道，因此他们知道这些内容是脱机访问的。什么时候才是做这件事的合适时机？我有几个console.log()来了解事物的流程。这里是我注册ServiceWorker的时刻： navigator.serviceWorker.register(&
浏览 2提问于2015-05-31得票数 0
回答已采纳
0回答
当我连接到Internet时，缓存存储器会显示这些文件。但是，如果我离线，缓存似乎就消失了。我没有启用Service Worker选项卡中的Update on Reload复选框。我的服务工作者的fetch事件是： console.log('[ServiceWorker] Fetch',:113 ServiceWorker</em
浏览 7提问于2017-12-10得票数 2
回答已采纳
我遇到的问题是，应用程序代码的新JS无法解析注销站点或跳过等待，因为应用程序代码由旧的ServiceWorker提供服务，并且b我完全控制了服务器，但使用Clear-Site- ServiceWorker: response头不起作用，因为所有应用程序的文件都是从ServiceWorker或缓存提供的。唯一的新请求是对不同子域上的API发出的。 世界上有很多用户都
浏览 13提问于2020-07-22得票数 0
1回答
我在我创建的测试站点上找到了一些关于设置服务工作者的帮助，但是它似乎仍然不起作用。它注册服务工作者等，但似乎没有缓存任何东西。js代码的屏幕截图
浏览 14提问于2020-09-16得票数 1
我已经通过添加serviceWorker.register()注册了我的服务工作者；在我的code.In create-react-app result in not cached.How中，我们是否缓存了Api结果，这样我们就可以改进离线支持。
浏览 18提问于2019-11-04得票数 3
4回答
Service Worker没有注册，因为我收到错误消息“获取脚本时收到错误的http响应代码404”。我可能遗漏了什么步骤？我已经注册了服务人员，使用： if('serviceWorker' in navigator) { .then(function() { console.log(&q
浏览 5提问于2017-05-13得票数 1
我目前正在将chrome扩展移植到火狐，当我尝试注册服务工作者时，我得到: DOMException:操作是不安全的 我尝试寻找cookie设置，但是，它没有设置为“保留，直到浏览器关闭”。我试着用usong来注册它 if ('serviceWorker' in navigator) { console.log('Registration failed with ' + error);
}
浏览 33提问于2019-05-17得票数 1
3回答
这更多地是一个服务工作者的问题，尽管它可以更具体地针对。我真的不知道，因为我是第一个管理我与服务工作者斗争，几乎没有使用过他们，并经常感觉他们是一个痛苦的臀部。基本上，无论我做什么，我都不能让localhost:3000停止加载应用程序的旧副本。我已经通过各种方式注销了服务工作者，包括尝试以编程方式注销。我已经清除了缓存，甚至清除了浏览器中的所有浏览数据。我的Sapper开发环境中的服务器没有运行。
这在Brave中发生了，但在Ope
浏览 26提问于2020-02-11得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
