禁用Chrome缓存以进行网站开发

2018-06-06 07:59:41

我正在修改网站的外观（CSS修改），但由于恼人的持久性缓存，无法在Chrome上看到结果。我尝试Shift +刷新，但它不起作用。

如何暂时禁用缓存或以某种方式刷新页面，以便我可以看到更改？

Chrome DevTools可以禁用缓存。

F12或右键单击并Inspect Element以打开DevTools。

现在点击 Network工具栏中打开网络窗格。

最后，选中顶部的Disable cache复选框。

开发工具面板的截图

请记住，作为来自@ChromiumDev的鸣叫，这个设置仅在devtools打开时才有效 。

在这里输入图像描述

如果您需要每小时清除缓存30次，则清除缓存太烦人了。因此，我安装了名为Classic Cache Killer的Chrome扩展，可在每次加载页面时清除缓存。

Chrome商店链接（免费）（现在没有恶意软件！）

现在我的每一次 页面加载 时都会刷新模拟json，javascript，css，html和数据。

如果我需要清除缓存，我永远不必担心。

我找到的Chrome浏览器大约有20个缓存清理工具，但这个看起来很轻巧，没有任何问题。在更新中，缓存杀手现在可以保持“始终开启”状态。

注意：我不知道插件作者。我发现它很有用。

重新加载菜单的图片

按F12然后（打开控制台）拉起Chrome开发者控制台：

在浏览器顶部的重新加载按钮上点击右键（或按住鼠标左键），然后选择“清空缓存和硬重新加载”。

这将超越“硬重新加载”以完全清空缓存，确保通过JavaScript等下载的任何内容也将避免使用缓存。您无需settings with任何设置或任何东西，这是一个快速的一次性解决方案。

链接地址: http://www.djcxy.com/p/19707.html