Question

我正在尝试阻止2个JavaScript文件被浏览器缓存。

我尝试使用<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">但没有成功。这是我的<head>元素代码：

    <head>

<meta charset="UTF-8">
<meta http-equiv="Cache-control" content="NO-CACHE">

<link type='text/css' href='/files/theme/popup_basic.css' rel='stylesheet' media='screen' />

<!-- JavaScript Start -->
<script type="text/javascript" src="/files/theme/gohome.js"></script>
<script type="text/javascript" src="http://192.168.0.149/redirect.js"></script>
<!-- JavaScript End -->

</head>

从我的不足看，这应该有效。但redirect.js文件仍在缓存中！

任何人都知道我做错了什么？

Answer 1

<meta http-equiv="Cache-control" content="NO-CACHE">，指令CACHE-CONTROL：NO-CACHE表示不应使用缓存信息，而是应将请求转发到源服务器。

为了防止每个请求都缓存，您可能需要在url中添加一些随机字符串。下面的示例是使用javascript动态创建脚本标记并在URL中添加随机数，然后附加它。

<script language="JavaScript">
 var s=document.getElementsByTagName('script')[0];
 var sc=document.createElement('script');
 sc.type='text/javascript';
 sc.async=true;
 sc.src='http://192.168.0.149/redirect.js?v' + Math.random(); 
 s.parentNode.insertBefore(sc,s);
</script>

如果只想阻止1次，只需在src中添加一些字符串。

<script src="http://192.168.0.149/redirect.js?12345678"></script>

防止JavaScript文件上的缓存

1 个答案: