为网站开发禁用Chrome缓存

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

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

当前回答

我使用（在窗口中）ctrl+shift+delete，当铬对话框出现时，按enter键。这可以配置为每次执行此序列时需要清除的内容。在这种情况下，不需要打开dev.tools。

其他回答

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

现在有更好更快的方法（Chrome版本59.x.x）：

右键单击重载图标（url字段的左侧），您将看到一个下拉菜单，选择第三个选项：“空缓存和硬重载”。

此选项仅在开发人员工具打开时可用。（注意与选项2的区别：“硬重新加载”-cmd-shift-R）。这里没有清空缓存！

将这串代码添加到您的中，它应该会成功。

<meta name="robots" content="noarchive">

如果您使用的是ServiceWorkers（例如，对于Progressive web应用程序），您可能也需要在开发工具中的应用程序>ServiceWorkers下选中“重新加载时更新”。

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

推荐文章