个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
我希望缓存动态链接页面的内容。我有一个注册了 service worker 的简单 index.html，我想将它设置为当你到达此页面时动态缓存链接指向的内容(这个想法是第二个页面不会包含在静态安装事件)。
基本上我正在设计一个页面，该页面将包含指向我希望存储在缓存中的推荐/相关页面的链接。当用户单击指向推荐的相关页面的链接时，我希望它从缓存中加载。
index.html:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<h3>I want to cache</h3>
<a href="page2.html">this link to my second page!</a>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js').then(function(reg) {
// registration worked
console.log('Registration succeeded. Scope is ' + reg.scope);
}).catch(function(error) {
// registration failed
console.log('Registration failed with ' + error);
});
}
</script>
</body>
</html>
page2.html:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script2.js"></script>
</head>
<body>
<h1>This is my second page!</h1>
<h3>I want everything from this page to be stored in the cache.</h3>
</body>
</html>
这里是 plunkr:https://plnkr.co/edit/YIAacgkuboyRBkv10hfl?p=catalogue
如何设置我的 fetch 事件以动态缓存第二页的内容，而无需将 page2.html 显式放入我的静态安装事件中？
最佳答案
根据您更新的问题，您可以使用 Client.postMessage() 来完成.
在你的客户端/html/脚本中
<a href="/url/cache-this" class="precache"></a>
<script>
if ('serviceWorker' in navigator) {
// ensure service worker is ready, you can also put this into DOM 'ready' or 'load' event
navigator.serviceWorker.ready.then(function (reg) {
var data = {
action: "precache",
url: $('.precache').attr('href') // if you had more than an url need to be cached, do a loop to collect all data
};
// NOTE: the 'action' is optional, but it is nice to separate your message type, in case you have a lot of communication between DOM and service worker.
// message to SW a stringified string of data.
navigator.serviceWorker.controller.postMessage(JSON.stringify(data));
});
}
</script>
在你的服务 worker 中。
self.addEventListener('message', event => {
if (event.data) {
let data = JSON.parse(event.data); // parse the message back to JSON
if (data.action == "precache") { // check the action
self.toolbox.precache([data.url]); // here you can use sw-toolbox or anything to cache your stuff.
}
}
});
编辑:修正错别字
关于javascript - 使用 service worker 缓存指向另一个页面的链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38150491/
25
4
0
我正在使用 choronos，它建议使用 start/stop 命令开始停止，如下所示 开始计时 停止计时 但是，我正在编写 puppet manifest，它只适用于下面的服务命令。 服务计时开始
来历及作用 services.exe进程程序文件是由微软公司为其发布的Windows操作系统定义的一个系统进程，常见于Windows 2000/XP/Vista/2007等系统中，被描述为服务和控
我一直在尝试使用installutil:installutil /u GSIS.FileMoverService.exe安装Windows服务。 我得到的输出是: Uninstalling assem
如果一个域有多个团队和多个 Web 应用程序，那么注册 Service Worker 来管理整个站点的最佳建议是什么？具有范围的顶级服务 worker /或子域中的多个服务 worker ？由于一个域
我已经在 eclipse 中创建了企业项目。动态web项目和ejb项目对企业项目有借鉴意义。当我运行管理员(企业项目)运行时选择 wildfly 服务器 18。我收到以下错误。谁能告诉我我错过了什么。
我已经使用 apache-cxf-2.7.4 创建了一个 Web 服务。我进入了我的项目中制作的类(class)。我的项目中的库是: math3-commons-3.2.jar XStream-1.4
我在域中的 Virtual Box 中运行集群计算机，默认情况下服务在 Network 服务下运行，服务一直停止，事件日志中出现以下错误。 请从下面的错误日志中查找错误详细信息。任何帮助都会很棒。 L
在我的应用程序中，用户可以在 map 上发布事件。应用程序的入口点是一个无状态的 web api 服务。为了在内部代表用户，我想要一个用户服务。我应该何时使用 Reliable Stateful Ac
当我尝试运行在WIX中创建的安装程序时，出现以下错误消息: “服务'Report Generator Service'(报告生成器服务)无法启动。请验证您是否具有启动系统服务的足够特权”。 我已经在这
尝试使用 cloudformation 创建 ECS 服务(在 Fargate 上)但出现错误: Invalid service in ARN (Service: AmazonECS; Status
我正在编写一个简单的Windows服务，该服务每个月向所有员工发送一封电子邮件。我的问题是，完成后如何停止自我？我是该领域的新手，请帮帮我。非常感谢。 它将部署在服务器上以每月运行。我没有开始做这件事
有谁知道是否有办法在 service worker 中获取此号码或日期: 将我的服务 worker 缓存命名为 cache-1182 会很方便或 cache-20171127171448 我想在安装事
我想开始使用 Azure Service Fabric 技术。 我按照this document工作并安装最新的SDK。安装后，我打开 PowerShell(“以管理员身份运行”)命令行窗口并写入这些
我在使用 whenever gem 时遇到了一些问题。我创建了一个 rake 任务，当我自己启动它时它工作得很好但是当我在日志中收到以下消息时尝试自动执行它: ActiveRecord::Statem
我想在 service fabric 集群中为两个不同的 web 应用程序(webpi/website)共享 http/80 端口，应用程序必须有 2 个不同的主机名: mywebapi.com 和
我创建了一个使用 MongoDB 实现 hibernate OGM 的应用程序。它在 Eclipse 中运行得很好，但是，当我构建一个 fat jar 并尝试运行它时，出现以下错误: Exceptio
我有一个 Selenium Python 测试套件。它开始运行，但几分钟后抛出以下错误: Exception AttributeError: "'Service' object has no attr
我按照此链接的说明进行操作:https://www.thegeekdiary.com/centos-rhel-7-how-to-make-custom-script-to-run-automatica
我在 ubuntu 下的 jboss 上部署了简单的“HelloWorld”Web 服务。 我创建了简单的客户端，但我无法让它工作。每次运行客户端时，我都会收到 NullPointerExceptio
我正在尝试为我的网站使用后台定期同步。我正在使用 localhost 并在 1*1000 毫秒时注册 periodicsync 事件，但这根本不会触发。 我看过这个demo ，但即使我将该网站安装为应
我是一名优秀的程序员,十分优秀！