Chrome - "禁用缓存"

5
我正在使用Chrome Dev Tools调试我制作的Web应用程序。 我对Chrome Dev Tools中的“禁用缓存”按钮很感兴趣:

enter image description here

请问这是做什么用的?

我注意到使用Offline.js时有一些问题,发现如果在Dev工具中选择“禁用缓存”,它就可以正常工作。

但这到底是在做什么?我的应用程序中使用了Cache Manifest,所以它可以离线工作,但如果在Chrome Dev Tools中点击“禁用缓存”实际上只是掩盖了一个更大的问题,那对我来说并没有用。

基本上我认为正在发生的事情:

  • 我正在加载的图像(参见Offline.js-在线检查?),Offline.js检查该图像以确定用户是否在线或离线,该图像被缓存
  • 因此,在第一次加载后,它总是出现在线状态
  • 如果我在Chrome Dev Tools中禁用缓存,则它可以正常工作,因为每次都会加载新的图像副本。

欢迎提供任何智慧之言。


您IP地址为143.198.54.68,由于运营成本限制,当前对于免费用户的使用频率限制为每个IP每72小时10次对话,如需解除限制,请点击左下角设置图标按钮(手机用户先点击左上角菜单按钮)。 - Rory McCrossan
1
只是补充一下,禁用缓存仅在开发工具打开时才有效。 - Satpal
这是我的问题 - 如果Dev工具打开,那么就没问题了。但对于使用我的Web应用程序的普通人来说,他们无法暂时禁用缓存,以便重新加载此图像。我需要尝试在后台自动完成此操作。你明白我的意思吗? - b85411
嗨@b85411,你是否得到了一个合适的答案来回答你的问题?我在运行我的代码时也遇到了同样的情况,我不想让缓存每次加载我的网站时都告诉客户端禁用他们的缓存!!:( - Dpk_Gopi
1个回答

6
复选框中的“禁用缓存”选项会禁用缓存,这意味着每次连接服务器时,您都需要重新下载整个网站,即使已经下载了图片。这在调试具有缓存问题的应用程序时可能会使用(您已经缓存了信息并对其进行解析,但实际数据已更改)。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接