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

我正在修改网站的外观(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/3455.html

    上一篇: Disabling Chrome cache for website development

    下一篇: Set the default WebAPI formatter