如何用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>
其他回答
你不能用javascript清除缓存。 一种常见的方法是将修订号或最近一次更新的时间戳附加到文件中，如下所示:
myscript.123.js
or
myscript.js吗?更新= 1234567890
你也可以用元HTML标签禁用浏览器缓存，只要把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"/>
在头部粘贴后刷新页面，应该也会刷新新的javascript代码。
如果你需要的话，这个链接会给你其他选择 http://cristian.sulea.net/blog/disable-browser-caching-with-meta-html-tags/
或者你可以像这样创建一个按钮
<button type="button" onclick="location.reload(true)">Refresh</button>
它会刷新并避免缓存，但它会在你的页面上，直到你完成测试，然后你可以把它拿掉。第一个选择是最好的选择。
我已经通过使用解决了这个问题 ETag
Etag类似于指纹，如果给定URL上的资源发生变化，则必须生成一个新的Etag值。比较它们可以确定资源的两个表示是否相同。
把这个放在模板的末尾:
var scripts = document.getElementsByTagName('script');
var torefreshs = ['myscript.js', 'myscript2.js'] ; // list of js to be refresh
var key = 1; // change this key every time you want force a refresh
for(var i=0;i<scripts.length;i++){
for(var j=0;j<torefreshs.length;j++){
if(scripts[i].src && (scripts[i].src.indexOf(torefreshs[j]) > -1)){
new_src = scripts[i].src.replace(torefreshs[j],torefreshs[j] + 'k=' + key );
scripts[i].src = new_src; // change src in order to refresh js
}
}
}
如果你使用php可以做:
<script src="js/myscript.js?rev=<?php echo time();?>"
type="text/javascript"></script>
