如何用JavaScript清除浏览器缓存?
我们部署了最新的JavaScript代码，但是我们无法获得最新的JavaScript代码。
编者按:这个问题在以下几个地方有半重复，下面第一个问题的答案可能是最好的。这个公认的答案不再是理想的解决方案。
如何强制浏览器重新加载缓存的CSS/JS文件?
如何强制客户端刷新JavaScript文件?
动态重载本地Javascript源/ json数据
当前回答
我有一些问题与yboussard建议的代码。内j循环不起作用。下面是我成功使用的修改后的代码。
function reloadScripts(toRefreshList/* list of js to be refresh */, key /* change this key every time you want force a refresh */) {
var scripts = document.getElementsByTagName('script');
for(var i = 0; i < scripts.length; i++) {
var aScript = scripts[i];
for(var j = 0; j < toRefreshList.length; j++) {
var toRefresh = toRefreshList[j];
if(aScript.src && (aScript.src.indexOf(toRefresh) > -1)) {
new_src = aScript.src.replace(toRefresh, toRefresh + '?k=' + key);
// console.log('Force refresh on cached script files. From: ' + aScript.src + ' to ' + new_src)
aScript.src = new_src;
}
}
}
}
其他回答
在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")
在控制台中执行代码后，关闭并打开浏览器。
大多数正确答案在这个话题中已经提到了。然而，我想添加一篇文章的链接，这是我能读到的最好的一篇文章。
https://www.fastly.com/blog/clearing-cache-browser
在我看来，最合适的解决方案是:
POST在一个iframe中。下面是建议帖子的一个小删减:
=============
const ifr = document.createElement('iframe');
ifr.name = ifr.id = 'ifr_'+Date.now();
document.body.appendChild(ifr);
const form = document.createElement('form');
form.method = "POST";
form.target = ifr.name;
form.action = ‘/thing/stuck/in/cache’;
document.body.appendChild(form);
form.submit();
有一些明显的副作用:这将创建一个浏览器历史记录条目，并受到响应未缓存的相同问题的影响。但它逃脱了fetch存在的预飞行要求，并且由于它是一个导航，分割缓存的浏览器将清除正确的缓存。
这个几乎能搞定。Firefox将为跨源资源保留卡住的对象，但仅用于后续获取。每个浏览器都将使对象的导航缓存无效，无论是同一源资源还是跨源资源。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
我们尝试了很多方法，但是这个很有效。唯一的问题是，你需要能够以某种方式将这个脚本带到最终用户页面，这样你就能够重置缓存。在这种特殊情况下，我们是幸运的。
除了每小时或每周缓存一次之外，您还可以根据文件数据进行缓存。
示例(PHP):
<script src="js/my_script.js?v=<?=md5_file('js/my_script.js')?>"></script>
甚至使用文件修改时间:
<script src="js/my_script.js?v=<?=filemtime('js/my_script.js')?>"></script>
我倾向于对框架进行版本化，然后将版本号应用于脚本和样式路径
<cfset fw.version = '001' />
<script src="/scripts/#fw.version#/foo.js"/>
