如何在Chrome中为特定网站关闭缓存

How can I turn caching off in Chrome for a particular website?

本文关键字：网站 缓存 Chrome      更新时间：2023-09-26

我正在为一个名为www.example.com的网站开发Javascript，Chrome一直在缓存我代码的早期版本。我可以不断地清除缓存，但这正在成为一个时间汇。还有其他选择吗？

如果您不想更改网页的代码。你可以简单地在谷歌浏览器上打开开发者工具。快捷方式：在窗口上按Ctrl+Shift+i。

你会在右下角找到一个可以带你进入设置的装备。选中"禁用缓存"，就可以开始了。

我通常按：ctrl+shift+r来清除缓存。我觉得这是最简单的。

这也起作用：

<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">

如果使用隐姓埋名窗口进行调试，则它没有缓存数据。简单，无需更改浏览器设置。

我自己这样做是为了开发。我使用CTRL-F5。这就像是一次力量刷新。这会刷新页面，包括重新下载任何引用的JS文件或CSS文件，即使它们是缓存的。

在开发过程中将这些标题添加到网页中：

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

或者，您可以将web服务器配置为在http标头中不放置缓存信息（在开发过程中）。

您可以在.htaccess中添加一个不缓存特定文件或特定扩展名的规则

<FilesMatch "script.js$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>

或者适用于所有.js&css

<FilesMatch "'.(js|css)$">

尝试设置HTTP头：

Cache-Control: no-cache, no-store

或者：

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE, NO-STORE">

但这只能在开发过程中使用。

相关文章：