Javascript 如何在Chrome中关闭特定网站的缓存？

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

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

这也适用于：

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

---

在开发期间将这些标题添加到网页中：

<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>

头取消缓存控制
标题未设置过期
上次修改未设置的标题
FileTag无
标题未设置Pragma

或者对于所有的.js和css

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

---

尝试设置HTTP头：

Cache-Control: no-cache, no-store

或：

---

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

如果您不想更改网页的代码。您只需在Google Chrome上打开开发者工具即可。快捷方式：在windows上按Ctrl+Shift+i

---

您将在右下角找到一个齿轮，它将带您进入设置。选中“禁用缓存”，您就可以开始了。

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

如果使用匿名窗口进行调试，则该窗口没有缓存数据。简单，不需要更改浏览器设置。

因为您正在开发，所以只需在服务器和/或脚本级别输出一些反缓存头。不确定为什么我从未想过这一点。我应该为所有本地开发的站点执行此操作！：^这对其他几十个流行的web服务器不起作用。这只有在开发人员工具打开时才起作用。一旦关闭，将再次启用兑现。

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