如何用JavaScript清除浏览器缓存?
我们部署了最新的JavaScript代码，但是我们无法获得最新的JavaScript代码。
编者按:这个问题在以下几个地方有半重复，下面第一个问题的答案可能是最好的。这个公认的答案不再是理想的解决方案。
如何强制浏览器重新加载缓存的CSS/JS文件?
如何强制客户端刷新JavaScript文件?
动态重载本地Javascript源/ json数据
当前回答
这是我在我的最新项目中使用的一个片段。
来自控制器:
if ( IS_DEV ) {
$this->view->cacheBust = microtime(true);
} else {
$this->view->cacheBust = file_exists($versionFile)
// The version file exists, encode it
? urlencode( file_get_contents($versionFile) )
// Use today's year and week number to still have caching and busting
: date("YW");
}
从视图来看:
<script type="text/javascript" src="/javascript/somefile.js?v=<?= $this->cacheBust; ?>"></script>
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<?= $this->cacheBust; ?>">
我们的发布过程生成一个包含当前版本版本号的文件。这是通过URL编码文件，并使用它作为缓存破坏者。作为故障转移，如果该文件不存在，则使用年和周数，以便缓存仍能工作，并且至少每周刷新一次。
此外，这为开发环境中的每个页面加载提供了缓存破坏，这样开发人员就不必担心为任何资源(javascript、css、ajax调用等)清除缓存。
其他回答
试试这个
<script language="JavaScript" src="js/myscript.js"></script>
:
<script language="JavaScript" src="js/myscript.js?n=1"></script>
你不能用javascript清除缓存。 一种常见的方法是将修订号或最近一次更新的时间戳附加到文件中，如下所示:
myscript.123.js
or
myscript.js吗?更新= 1234567890
window.location.reload(true)似乎已经被HTML5标准弃用了。不使用查询字符串的一种方法是使用Clear-Site-Data报头，这似乎是标准化的。
大多数正确答案在这个话题中已经提到了。然而，我想添加一篇文章的链接，这是我能读到的最好的一篇文章。
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将为跨源资源保留卡住的对象，但仅用于后续获取。每个浏览器都将使对象的导航缓存无效，无论是同一源资源还是跨源资源。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
我们尝试了很多方法，但是这个很有效。唯一的问题是，你需要能够以某种方式将这个脚本带到最终用户页面，这样你就能够重置缓存。在这种特殊情况下，我们是幸运的。
由于浏览器缓存相同的链接，您应该在url末尾添加一个随机数。 new Date(). gettime()生成一个不同的数字。
只需添加新的Date().getTime()链接结束 调用
'https://stackoverflow.com/questions.php?' + new Date().getTime()
输出:https://stackoverflow.com/questions.php?1571737901173
