workbox相关内容

服务人员是否有退出事件？

在运行过程中，服务人员包含一定数量的数据，这些数据在服务人员完成之前必须保存，并且是监控所必需的。 如何确定服务人员何时完成？ 推荐答案 没有在终止服务工作线程之前激发的事件。服务人员应该是短暂的，在发生相关事件时启动，然后在该事件处理后不久关闭。 可以唤醒服务工作者的事件往往实现ExtendableEvent interface，您可以在事件处理程序中执行异步工作，只要该工作 ..
发布时间：2022-08-11 14:49:24 其他开发

使用Workbox运行时缓存，请求不会显示在Chrome的缓存存储上

我正在使用工作箱运行时缓存来缓存外部调用(Materialize.css就是其中之一)。在我的网络选项卡中，它显示请求来自serviceWorker(看起来很好)： 但在缓存存储上，我的运行时缓存看起来是空的： 您可以在chromes的应用程序选项卡上看到我的服务人员，这是网站：https://quack.surge.sh/ 服务人员编码： const workboxSW ..
发布时间：2022-08-09 22:49:32 前端开发

如何用WORKBOX测试预缓存？

如何知道我们的网站是否使用缓存存储中的资产？ 一旦我们将资产存储在高速缓存中。在我们更改最新资产的版本之前，网站会一直使用这些资产吗？ 推荐答案 您可以使用浏览器的开发人员工具来验证网络请求的情况。 Chrome Firefox Safari 官方文档有各种主题帮助调试和配置工作箱缓存： Common recipes Troubleshoot and Debug ..
发布时间：2022-07-05 14:41:19 前端开发

不支持请求方法'；发布'；

以下配置抛出错误‘请求方法’POST‘不受支持’。我已经读到存储API不会在缓存中使用POST作为键的方法来请求对象，但我不知道如何添加路由，这为这些请求显示了一种networkOnly策略。 规格(安装程序取自https://github.com/nystudio107/annotated-webpack-4-config) 使用GenerateSW webpack.setti ..
发布时间：2022-04-09 11:47:05 其他开发

如何在运行时API GET请求中预先缓存未访问的页面和缓存？(Nuxt PWA工作组)

我花了一个下午的时间试图找出@nuxtjs/pwa工作箱模块，但几乎没有结果。我不是这方面的专家，我开始完全迷惑了>；<；如果有任何帮助，我将不胜感激！ 唯一有效的是缓存已访问页面的HTML/CSS/JS结构。我估计这是开箱即用的。即使它看起来是一个错误并且应该缓存所有路由https://github.com/nuxt-community/pwa-module/issues/24？ ..
发布时间：2022-02-25 14:28:16 其他开发

通过 service-worker 的请求被执行两次

我已经做了一个简单的服务工作者来推迟我的 JS 应用程序失败的请求(遵循 this example) 并且效果很好.但是当请求成功时我仍然有一个问题:请求完成了两次.我猜是由于 fetch() 调用，一次正常，一次由服务人员执行. 这是一个真正的问题，因为当客户端要保存数据时，它们被保存了两次...... 代码如下: const queue = new workbox.backg ..
发布时间：2022-01-20 14:32:15 前端开发

使用 Webpack 仅通过 Workbox 插件构建 Service Worker 代码 ->无法为预缓存指定入口目录

我已经使用 Workbox CLI 成功构建了 Service Worker 代码. 现在我希望让Webpack运行相关插件并相应地准备SW代码. 我的网站 90% 是静态的，其静态文件(html 和 css)位于 httpdocs/目录树中.在同一个目录中，我希望 Workbox 创建所有服务工作者代码. 我的 webpack 配置文件很简单: const WorkboxPl ..
发布时间：2021-09-23 19:14:27 其他开发

工作箱 serviceworker 在除 Chrome 之外的任何地方工作:未捕获(承诺)DOMException

Workbox 不适用于 Chrome，但它适用于其他任何地方，这很讽刺，因为我相信这是一个谷歌图书馆，显示的错误是: 未捕获(承诺)DOMException:sw.js 第 1 行 铬: 歌剧 火狐 我正在使用 workbox-webpack-plugin webpack.config.js const workbox = require('workbox-web ..
发布时间：2021-09-23 19:06:46 前端开发

使用 workbox-webpack-plugin 时，预缓存资产使用什么工作箱策略?

我正在尝试了解工作箱和服务工作者. 使用 workbox-webpack-plugin 和 GenerateSW 模式时，预缓存资产使用的工作箱策略是什么?IE.cacheFirst、staleWhileRevalidate 等.因为我似乎没有为预缓存资产设置路由/策略，以便 service-worker 更新这些资产的缓存.那么这些的默认处理程序是什么? 其次，来自服务器响应的 Ca ..
发布时间：2021-07-21 18:42:33 其他开发

Workbox 似乎没有从 webpack 构建中预先缓存块

我正在使用 Webpack 编译我的网站和 Workbox Webpack Plugin 来编译 service worker. 尽管 Workbox 创建的清单包含指向正确块名称数组的链接(具有该特定构建的正确哈希)，但 Chrome DevTools 似乎并未将块包含在预缓存列表中(DevTools > Application> 缓存存储). 这是我的插件配置: new Gene ..
发布时间：2021-07-21 18:42:27 前端开发

在单页应用中检查 Service Worker 更新

我们有一个安装了 Service Worker 并处于活动状态的信号页面应用程序. 现在我们的服务器重建了应用程序，Service Worker 文件正在服务器端更新. 我们的客户不知道这个新的 Service Worker 文件，它仍在使用旧的 Service Worker 文件. 何时有效?如果我刷新/重新加载应用程序，则正在安装新的 Service Worker. 如 ..
发布时间：2021-07-21 18:42:10 其他开发

Service Worker 将来自 API 调用的文件添加到预缓存

启用我的应用离线运行.在安装过程中，Service Worker 应该: 从异步 API 中获取 URL 列表 重新格式化响应 将响应中的所有 URL 添加到预缓存 对于这项任务，我将 Googles Workbox 与 Webpack 结合使用. 问题:虽然 service worker 成功缓存了所有 Webpack 资产(这告诉我工作箱基本上做了它应该做的事情)，但它不 ..
发布时间：2021-07-21 18:40:56 其他开发

在 Workbox 中使用 skipWaiting 和 clientsClaim 有什么缺点?

默认情况下，skipWaiting 在 Workbox 中设置为 false.假设您只使用 Workbox 创建的 Service Worker 进行缓存，将其设置为 true 有什么缺点吗?如果不这样做，您的应用程序的下一个构建版本将发送更新的资源 URL(来自 webpack).这些 url 将在 Service Worker 的预缓存清单中更新，但如果没有 skipWaiting，更新后的 ..
发布时间：2021-07-21 18:40:49 其他开发

无法在 React 应用程序的根 url 中安装 workbox-webpack-plugin 的 service worker，它安装在 localhost:8080/dist

我一直在关注很多关于如何安装 workbox-webpack-plugin 的教程，但我没有成功地正确安装它.服务工作者似乎正在安装，但它安装在我的应用程序的 dist 文件夹中(这是我的 webpacks 输出路径).我认为这没有任何问题，但是当我运行我的应用程序时，没有错误，但服务工作者没有运行，我注意到它被安装在 localhost:8080/dist(输出路径)上，即使我尝试在 Herok ..
发布时间：2021-07-05 20:32:29 其他开发

通知点击事件服务工作者

我正在与 Service Worker 合作以在我的用户之间显示通知.在我的代码中，我包含 notificationclick 事件.通过这个事件，我试图管理两个案例.第一种情况，如果在我的浏览器中打开了我的网站页面，请不要打开它，而是专注于它.第二种情况，如果我的浏览器没有显示我的网站，打开它并专注于它.但是我没有成功... 这是我当前的代码: self.addEventListener ..
发布时间：2021-06-23 19:13:52 前端开发

为什么我的 Workbox GenerateSW 在连接时显示我的离线页面?

我正在尝试使用 Workbox GenerateSW() 设置我的离线页面并遇到一个问题，即在我清除站点数据和硬刷新后第一次加载时显示我的主页，但在随后的加载中我得到了离线页面我设置，即使我在线.我有一个多页 PHP 应用程序，其中包含由 CDN 提供的资产.我在 npm 节点脚本调用的 JS 文件中运行 GenerateSW() 任务. 这是我的 GenerateSW() 代码... / ..
发布时间：2021-06-21 20:40:02 其他开发

当 mp3 被 Workbox 缓存时，无法擦洗/滚动 jPlayer 音频

我已将单页 HTML5 Cordova 应用程序转换为 PWA.该应用程序广泛使用 jPlayer 来播放 mp3 文件.我在这里使用循环 jPlayer 的变体:http://jplayer.org/latest/demo-05/.圆形播放器有一个圆形的进度条，也可以用来在轨道上前后滑动. 在 PWA 模式下一切正常，直到我使用 Workbox(版本 4.3.1)缓存 mp3.然后擦洗失败 ..
发布时间：2021-06-21 20:39:19 其他开发

302 重定向在使用 Google Workbox 构建的 Service Worker 中不起作用

为了显示“添加主屏幕"警报，我想集成一个服务工作者和应用程序的离线功能:当用户离线时，应用程序应该只显示一个特殊的离线 HTML 文件. 我的 service-worker 看起来像这样: importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.1.0/workbox-sw.js');const CACH ..
发布时间：2021-06-21 20:39:02 前端开发