【问题标题】:How to disable cache for some files in google chrome DevTools如何在 google chrome DevTools 中禁用某些文件的缓存
【发布时间】:2018-04-02 00:40:05
【问题描述】:

每当我运行项目时,都会从远程服务器请求许多文件(CSS、图像和 js),并且项目加载缓慢。

为了处理这个问题,我在 Chrome DevTools 的网络选项卡中取消选中禁用所有文件的缓存(用于缓存所有文件),如下所示:

但是当我需要一些文件(例如 test.js,...)时问题就开始了,因为它们变化很快。

如何在 google chrome DevTools 中禁用某些文件(JS、CSS、...)的缓存?

【问题讨论】:

    标签: javascript google-chrome browser browser-cache developer-tools


    【解决方案1】:

    有很多方法可以禁用特定文件的缓存。

    也许最常见的两个是:

    1. .net 的内置捆绑系统
    2. 将查询添加到您的脚本文件名,即:

      <script src="../whatever/someFile.js?version=1234" />
      //Where version can be a variable taken from web.config or DateTime.Now() of some sort.
      

    【讨论】:

    • 尽管答案很好,但这些设置是在代码中,而不是在 Google Chrome Devtools 中。
    • 所以也许删除 .net 和 angularjs 标签?添加浏览器标签?如果您不想要涉及更改代码的解决方案@i.Bahrampour
    【解决方案2】:

    按 ctrl+shift+i (devTools>network) 选择[禁用缓存]

    【讨论】:

    • 这正是 OP 之前所做的,并没有回答仅针对特定文件禁用缓存的问题
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-11-16
    • 1970-01-01
    • 2010-10-18
    • 1970-01-01
    • 1970-01-01
    • 2016-03-11
    相关资源
    最近更新 更多