extjs - 调试EXTJS 4时确保清除浏览器缓存的最简单方法

Question

这让我发疯了。

每次我进行更改时，我都必须确保浏览器加载最新的 javascript 包含(相同的行为 chrome 和 FF)...

ctrl + f5 无效，我必须手动清除浏览器缓存 - 这是一场噩梦

我的 app.js 中有这段代码:

Ext.Loader.setConfig({
  enabled: true,
  disableCaching: false
});

编辑:鸡和蛋场景:

• 为了能够在 FF 或 chrome 中设置断点，您需要打开缓存(参见上面的代码)，以便 '_dc' 查询字符串参数未添加到脚本文件中
• 但是你总是得到一个缓存的副本，所以你看不到你的变化无论如何
• 如果关闭缓存，则无法设置断点，因为浏览器将其视为新 url

还是绕过去？

Answer 1

出于同样的原因，我关闭了缓存断路器。我的解决方案是也完全关闭 Firefox 的缓存。 (这是一个开发机器，所以我真的根本不需要它)

1. 在 Firefox 中转到“about:config”并搜索“cache”。
2. 将browser.cache.offline.enable设置为false(双击)
3. 将 network.http.use-cache 设置为 false
4. 如果您使用 ext-all-dev.js，请将 extensions.firebug.cache.responseLimit 设置为高于它以确保您可以看到所有源代码 Firebug 。

执行此操作后，您可能需要重新启动并清除缓存。但是，Firefox 会在您每次加载页面时拉取最新的源代码 (F5)，并且会在 Firebug 中命中断点。

如果这 Not Acceptable ，您也可以暂时将 debugger; 语句插入到您的代码中，这将充当断点。将它们放在 if 中作为条件断点。