自动清除浏览器缓存

Question

在我们更新 javascript 代码时，是否有任何解决方法可以自动清除缓存？当我从其他用户设备更改脚本代码时，总是会发生这种情况，他们将无法看到网站的新更新，因为他们的浏览器仍在读取旧脚本，他们会将此视为错误，因为他们不知道这个缓存的东西。每次更新时我都不得不提到缓存，这给用户带来了糟糕的体验。

通常对于图像，我会在 url 中的 get 方法中设置一些额外的唯一 ID，以便网站能够读取最新更新。但是对于javascript / jquery，我想知道是否有任何一种代码可以强制浏览器读取新的更新而不是手动清除缓存。

Answer 1

您有 3 个选项：

将此放在 html 页面的头部：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

这将使您的应用完全不缓存任何内容（至少您可以在发展）

如果每次重新加载时都使用 chrome，请使用硬刷新，例如 ctrl+f5。
为您的浏览器使用缓存杀手插件。那里有很多，您只需安装它们并在需要时启用它们。

Answer 2

您可以为您添加一个虚拟的唯一 ID javascript。（例如，/javascript.js?id=123）

自动清除浏览器缓存

Auto clear cache from browser

javascript

jquery

browser-cache