问题标签 [sw-toolbox]

我阅读了许多关于 sw-toolbox 和 sw-precache 的教程。我的疑问是：

在阅读 sw-precache 时，我发现大多数教程都使用gulp + sw-precache.

而sw-toolbox以防万一，我看到了仅用于service-worker.js直接编写代码的示例和语法（没有 gulpfile 代码）。

我正在使用 gulp 自动生成service-worker文件。

所以我主要关心的是sw-toolbox直接在 gulp 文件中编写代码，这样我就不需要sw-toolbox在生成后sw-precache编写代码gulp

有疑问请评论

我在我的 React 应用程序中使用了 Sw-precache 来预缓存我构建的资产（即 vendor.js、app.js 和图标）。然而，结果并不理想。在页面重新加载时，我的应用程序资产都被再次（从服务人员）获取，但至少所有内容都会消失（页面变为空白）片刻并且资产出现。 我的应用程序在页面重新加载时的屏幕截图。相比之下，这是来自https://pwa.rocks/列表中的 Session应用程序。这确实具有离线缓存，即使在重新加载时也不会重新获取静态资产。这也是页面重新加载时会话应用程序的屏幕截图。我很肯定有些事情我没有做。我错过了什么？

你能告诉我我的服务工作者安装做错了什么吗，我在 chrome 控制台中出现了这些错误（见图 1）。

如果有帮助，我会在后端使用 Laravel 框架

只是想知道我的 service-worker.js 位于网站的根目录中，在主页上正常工作，在 chrome 控制台上没有错误，但是当我尝试导航到例如帖子时，出现这两个错误（参见图片- 2）。

知道我使用 sw-precache 和 sw-toolbox，我使用 sw-precache 和 gulp 生成服务工作者。

图像-1

图像-2

我正在使用 sw-toolbox 构建渐进式网络应用程序。所有资源都按预期缓存，但在放置 maxAgeSeconds 时它们不会过期。

我使用CacheFirst了 Strategy，并验证了资源正在通过 service worker 缓存启动。

根据 sw-precache 文档https://github.com/GoogleChrome/sw-precache#runtime-caching包括 sw-precache 的运行时缓存配置本身应该负责包括 sw-toolbox 用于动态内容的运行时缓存。我已经尝试将它与 sw-precache 的 CLI 以及 grunt-sw-precache 一起使用。我对 Grunt 的配置如下：

});

在尝试使用 CLI 时，我使用了以下 sw-precache-config.js：

除了 runtimeCaching 选项之外的所有配置选项都应用于生成的 service-worker.js 文件。

我的 package.json 配置为使用 sw-precache 的“^4.2.3”和 sw-toolbox 的“^3.4.0”。

我没有看到其他人评论有这个问题。谁能评论阻止 sw-precache 尊重我的 runtimeCaching 选项的问题可能是什么？

我正在使用 sw-toolbox 缓存所有资源。但是，我无法弄清楚如何缓存 api 响应数据。我可以使用 indexDb 或内部存储。只是想知道，我可以使用服务人员缓存它吗？

我尝试使用下面的代码，但没有奏效。

所以我的字体和图像被缓存，它们命中了 url googleapis，但是请求到 firebaseio 似乎不起作用。是否有可能实现我在这里所做的事情？

我想缓存一个 POST 请求 5 分钟。我的 POST 请求条目看起来像

这没有被缓存。语法完全相同的 GET 请求的条目工作正常。我错过了什么吗？

我制作了一个简单的 AngularJS 待办事项应用程序并使用了 sw-toolbox。它在我的本地主机上运行良好，但是当我在 gh-pages 上使用它时，控制台上几乎没有抛出 404 错误，并且服务工作者在获取脚本时也显示 404 错误。

演示

代码

我在 jekyll 网站中使用 sw-precache 通过以下配置添加离线功能：

问题是，当我更改网站中的内容（例如，博客文章中的文本，或索引页面中的某些文本）时，更改不会显示，直到安装了新的 serviceworker 版本并且浏览器已经刷新，这当然是cacheFirst.

我想要的是对站点索引的请求始终首先是网络，这就是我在这里尝试的：

但这不起作用，索引总是从服务人员而不是从网络中获取，我该如何做到这一点？

我正在使用 Google 的SW Precache为托管在 firebase 上的 Angular（当前为 v.4）应用程序生成 serviceworker。我正在使用 Angular cli 生成我的分布式文件。在部署我的应用程序时，我使用以下命令：

我的sw-precache-config.js文件如下所示：

如果我进行更改并部署新版本，即使我刷新或关闭浏览器，我也会得到缓存的 index.html 文件。?cachebust=1如果我在 url 的末尾添加类似的内容，我可以获得更新的 index.html 文件。我的流程或配置中是否有什么问题不允许加载最新的 index.html？