You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多
文档控制台
免费开始使用

如何在Chrome中仅对单个特定文件禁用缓存?

针对单个文件禁用Chrome缓存的方案

嘿,刚好我之前也遇到过类似的需求!Chrome原生的「Disable Cache」(就是DevTools Network面板顶部的那个复选框)是全局生效的,没法直接设置成只针对某一个特定文件,但有几个非常实用的替代方案,完全能满足你的需求:

  • 强制刷新单个资源(临时快速生效)
    打开DevTools的Network面板,在搜索框输入文件名快速定位到你要修改的那个文件,右键它选择「Open in new tab」,然后在新标签页按下 Ctrl+Shift+R(Windows/Linux)或 Cmd+Shift+R(Mac)——这个快捷键会强制浏览器绕过缓存重新加载这单个资源,不会影响其他文件的缓存状态。

  • 使用Local Overrides(长期开发首选)
    如果你正在持续修改这个文件,这个方法最省心:

    1. 打开DevTools的Sources面板,切换到「Overrides」标签
    2. 点击「Select folder for overrides」,选择本地一个空文件夹用来存放覆盖文件
    3. 回到Network面板,找到目标文件右键选择「Save for overrides」,把当前文件同步到本地文件夹
    4. 之后你直接修改本地文件夹里的这个文件,浏览器会优先加载你本地修改后的版本,完全不会读取缓存里的旧文件,而且只有这个文件会被覆盖,其他资源正常走缓存。
  • 修改请求头单次测试
    如果只是临时测试一次最新版本,还可以在Network面板右键目标文件,选择「Edit and resend」,手动把请求头里的Cache-Control字段改成no-cache,然后重新发送请求——这次请求会强制从服务器拉取最新文件,不过这是单次生效的,下次请求还是会走缓存。

总结一下,如果你是长期开发修改这个文件,Local Overrides绝对是最优解,既能保证你每次加载的都是自己修改后的版本,又不会影响其他文件的加载速度。

内容的提问来源于stack exchange,提问作者MarksCode

火山引擎 最新活动