禁用Chrome缓存用于网站开发

Question

禁用Chrome缓存用于网站开发我正在修改一个站点的外观(CSS修改)，但由于恼人的持久缓存，无法在Chrome上看到结果。我试过换档+刷新，但不起作用。如何暂时禁用缓存或以某种方式刷新页面，以使我能够看到更改？

Answer 1

ChromeDevTools可以禁用缓存。

1. 右击

   选择

   Inspect Element

   打开DevTools。或使用以下方法

   键盘快捷键:

• F12

• 命令+期权+i

  在Mac上

• 控制+换档+i

  在Windows或Linux上

2. 点击 Network

   在工具栏中打开网络窗格。

3. 查帐

   这个

   Disable cache

   顶部的复选框。

记住，作为一个推特从…@chromiumDev声明，此设置为只有在DevTools打开时才是活动的.

请注意，这将导致全资源正在重新加载。如果您希望仅对某些资源禁用缓存，则可以修改HTTP报头你的服务器和你的文件一起发送。

如果您不想使用Disable cache复选框，在刷新按钮上按长键。打开DevTools将显示带有以下选项的菜单：Hard Reload或Empty Cache and Hard Reload应该有类似的效果。读到关于选项之间的差异..有以下快捷方式：

• 命令+期权+R

  在Mac上

• 控制+换档+R

  在Windows或Linux上

Answer 2

1. 按下Chrome开发者控制台F12然后(打开控制台)：

2. 在浏览器顶部的“重新加载”按钮上右击(或按住左键)，并选择“空缓存和硬重放”。

这将超越“硬Reload”，完全清空缓存，确保通过javascript或其他方式下载的任何内容。也将避免使用缓存。你不必弄乱设置或任何东西，这是一个快速的一次性解决方案。

Answer 3

还有两种选择永久禁用Chrome中的页面缓存:

1.禁用注册表中的Chrome缓存

打开注册表(启动->命令->Regedit)

搜寻：HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

将“.chrom.exe”之后的部分更改为此值：–disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

例子："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

重要：

• 在.chrome.exe之后有一个空格和一个连字符“

• 保留chrome.exe的路径

• 如果您复制行，一定要检查，如果引号是实际引号。

2.通过更改快捷方式属性禁用Chrome缓存

右键单击Chrome图标并在上下文菜单中选择“Properties”。向路径添加以下值：–disk-cache-size=1

例子："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

重要：

• 在.chrome.exe之后有一个空格和一个连字符“

• 保留chrome.exe的路径