如何用JavaScript清除浏览器缓存?
我们部署了最新的JavaScript代码，但是我们无法获得最新的JavaScript代码。
编者按:这个问题在以下几个地方有半重复，下面第一个问题的答案可能是最好的。这个公认的答案不再是理想的解决方案。
如何强制浏览器重新加载缓存的CSS/JS文件?
如何强制客户端刷新JavaScript文件?
动态重载本地Javascript源/ json数据
当前回答
在PHP中，你也可以强制每小时重新加载一次代码，就像这样:
<?php
echo '<script language="JavaScript" src="js/myscript.js?token='.date('YmdH').'">';
?>
or
<script type="text/javascript" src="js/myscript.js?v=<?php echo date('YmdHis'); ?>"></script>
其他回答
window.parent.caches.delete("call")
在控制台中执行代码后，关闭并打开浏览器。
最近我找到了解决这个问题的办法。在我的情况下，我试图更新一个html元素使用javascript;我一直在使用XHR根据从GET请求中检索到的数据更新文本。尽管XHR请求频繁发生，但缓存的HTML数据却令人沮丧地保持不变。
最近，我在fetch api中发现了一个缓存破坏方法。fetch api取代了XHR，使用起来超级简单。这里有一个例子:
async function updateHTMLElement(t) {
let res = await fetch(url, {cache: "no-store"});
if(res.ok){
let myTxt = await res.text();
document.getElementById('myElement').innerHTML = myTxt;
}
}
注意到{cache: "no-store"}参数了吗?这将导致浏览器破坏该元素的缓存，以便正确加载新数据。天哪，这对我来说简直是天赐良机。我希望这对你也有帮助。
稍微讲一下，为了破坏在服务器端更新的图像的缓存，但保持相同的src属性，最简单和最古老的方法是简单地使用Date.now()，并将该数字作为url变量附加到该图像的src属性。这对图像可靠，但对HTML元素无效。但在这两种技术之间，你可以更新任何你现在需要的信息:-)
如果你使用php可以做:
<script src="js/myscript.js?rev=<?php echo time();?>"
type="text/javascript"></script>
你不能用javascript清除缓存。 一种常见的方法是将修订号或最近一次更新的时间戳附加到文件中，如下所示:
myscript.123.js
or
myscript.js吗?更新= 1234567890
请不要提供错误的信息。 缓存api是一种不同于http缓存类型的缓存
当服务器发送正确的头文件时，HTTP缓存被触发，你不能用javasvipt访问。
另一方面，缓存api在你想要的时候被触发，它在与service worker一起工作时很有用，所以你可以从这种类型的缓存中交叉请求和回答它 参见:插图1插图2课程
你可以使用这些技巧让你的用户总是有新鲜的内容:
Use location.reload(true) this does not work for me, so I wouldn't recomend it. Use Cache api in order to save into the cache and intersect the request with service worker, be carefull with this one because if the server has sent the cache headers for the files you want to refresh, the browser will answer from the HTTP cache first, and if it does not find it, then it will go to the network, so you could end up with and old file Change the url from you stactics files, my recomendation is you should name it with the change of your files content, I use md5 and then convert it to string and url friendly, and the md5 will change with the content of the file, there you can freely send HTTP cache headers long enough
我建议你看第三部
