如何在Chrome中进行测试时禁用HTML缓存？

Question

我认为这是因为缓存,但我不完全确定.

我遇到的问题是,当我更改文件并保存文件时,它在我的浏览器中暂时不会更新.我认为这是因为该文件已缓存在我的浏览器中,并且正在加载以前的版本.由于我正在测试,我需要弄清楚如何禁用它,因为我将经常更改文件.

试图在网上搜索这个,但无法找到我想要的东西.

我目前在localhost上运行它,但更改的文件只是HTML

编辑:

我知道这不是我的文件的问题,因为如果我在新的浏览器中打开它,它会加载新版本的页面.

我正在尝试使用chrome来进行测试.

EDIT2:

此外,正在更改的文件是通过require.js加载的,因此它不是在URL中输入的直接文件

Answer 1

如果您打开chrome开发人员工具并点击设置按钮(开发人员工具面板右下角的齿轮图标),弹出窗口上应该有一个选项"禁用缓存"

Answer 2

我在EDIT2的问题中注意到你提到你正在使用require.js.如果您不想禁用浏览器缓存,可以设置RequireJS config urlArgs选项.Require.js有一个配置选项,可用于禁用缓存的文件.

这是Require.js文档的一个exerpt:Require.js urlArgs

urlArgs:附加到RequireJS用于获取资源的URL的额外查询字符串参数.在未正确配置浏览器或服务器时缓存半身像最有用.缓存区设置示例

urlArgs:urlArgs:"bust ="+(new Date()).getTime()

在开发过程中,使用它可能很有用,但请务必在部署代码之前将其删除.

以下是它的外观示例:

requirejs.config({
    urlArgs: "bust=" + (new Date()).getTime(),  
    paths: {
        "jquery": "libs/jquery-1.8.3",
        "underscore": "libs/underscore",
        "backbone": "libs/backbone"
    },
});

require(["jquery", "underscore", "backbone"],
    function ($, _, Backbone) {
        console.log("Test output");
        console.log("$: " + typeof $);
        console.log("_: " + typeof _);
        console.log("Backbone: " + typeof Backbone);
    }
);