【问题标题】:How to test precaching with workbox?如何使用工作箱测试预缓存?
【发布时间】:2020-06-20 07:48:25
【问题描述】:

我们如何知道我们的网站是否使用来自缓存存储的资产? 一旦我们将资产存储在缓存存储中。在我们更改最新资产的修订版之前,网站是否会永久使用这些资产?

【问题讨论】:

  • 您的网站使用缓存的资产。如果您更改缓存的名称,您的服务工作者将在下一次将其重新缓存到新的缓存中

标签: javascript progressive-web-apps workbox


【解决方案1】:

您可以使用浏览器的开发者工具来验证网络请求发生了什么。

官方文档有各种主题来帮助调试和配置 Workbox 缓存:

捕获显示 Workbox 正在做什么的 devtools 控制台(在调试模式下配置时):

devtools 网络标签的截图:

上图的一些额外信息:

  • 齿轮(红色方块)表示 ServiceWorker 执行了对指定资源的请求(通过fetchXMLHttpRequest)。
  • 如果“大小”列(紫色方块)未显示数字大小,则表示请求是从缓存(内存缓存、磁盘缓存、应用程序缓存...)提供的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-17
    相关资源
    最近更新 更多