为网站开发禁用Chrome缓存

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

如何临时禁用缓存或以某种方式刷新页面以查看更改？

当前回答

除了禁用缓存选项（您可以通过开发人员工具窗口右下角的一个按钮--工具|开发人员工具，或Ctrl+Shift+I）之外，在开发人员工具的网络窗格上，您现在可以右键单击并从弹出菜单中选择“清除缓存”。

其他回答

使用Ctrl+Shift+R进行刷新很好，但并没有得到所需的一切。还有一些东西不会刷新，比如存储在js和css中的数据。找到了一个解决方案：谷歌为chromeweb开发人员提供的工具栏。安装工具栏后，选择选项并“重置页面”。

嘿，如果您的网站使用的是PHP，那么请在html页面的开头放置以下PHP代码片段：

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

现在，在脚本或链接元素中加载CSS或JS文件等资源的任何地方，都会在附加“？”后将生成的随机值附加到请求URL通过PHP连接到URI：

    echo $rand;

就是这样！无论哪种浏览器，都不会再缓存您的网站。

当然，在发布之前删除代码，或者简单地将$rand设置为空字符串以允许再次缓存。

禁用chrome中的缓存仅在打开开发工具时有效

我已经使用了上面描述的其他选项，但我发现最好的方法是在chrome.exe的启动中添加以下参数。

“C:\Program Files（x86）\Google\Chrome\Application\Chrome.exe”--磁盘缓存大小=1-媒体缓存=1

我发现不禁用媒体缓存是一个好主意，但出于完整性的考虑。

实际上，我想要一个完全禁用缓存的选项，将内存用于IO而不是磁盘（这也会使加载时间快10倍！），但我认为chrome或任何浏览器都还没有这个选项。

在修复错误之前，您可以使用Clear Cache Chrome插件，也可以为其设置键盘快捷方式。

安装后，右键单击并转到选项：

选中清除数据后自动重新加载活动选项卡：

选择时间段的所有内容：

然后，您可以转到菜单=>工具=>扩展：

单击底部的键盘快捷键：

并设置键盘快捷键，例如Ctrl+Shift+R：

推荐文章