如何强制客户端刷新JavaScript文件?

We are currently working in a private beta and so are still in the process of making fairly rapid changes, although obviously as usage is starting to ramp up, we will be slowing down this process. That being said, one issue we are running into is that after we push out an update with new JavaScript files, the client browsers still use the cached version of the file and they do not see the update. Obviously, on a support call, we can simply inform them to do a ctrlF5 refresh to ensure that they get the up-to-date files from the server, but it would be preferable to handle this before that time.

我们目前的想法是简单地将版本号附加到JavaScript文件的名称上，然后当进行更改时，增加脚本上的版本并更新所有引用。这肯定可以完成工作，但是在每个版本上更新引用可能会很麻烦。

我确信我们不是第一个处理这个问题的人，我想我应该把它扔给社区。当你更新你的代码时，你如何确保客户端更新他们的缓存?如果您正在使用上面描述的方法，那么您使用的是简化更改的过程吗?

当前回答

以下是对我有用的:

<head>
<meta charset="UTF-8">
<meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0" />
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
</head>

2019-03-01 09:38:43

其他回答

使用file.js的好处是什么?V=1 / fileV1.js的优点是不需要在服务器上存储多个版本的JavaScript文件。

我看到file.js的问题?V=1是在使用新版本的库实用程序时，另一个JavaScript文件中的依赖代码可能会中断。

为了向后兼容，我认为最好对新页面使用jQuery.1.3.js，而让现有页面使用jQuery.1.1.js，直到你准备好升级旧页面为止(如果有必要的话)。

2009-05-13 12:00:19

在asp.net mvc中，你可以使用@DateTime.UtcNow.ToString()来表示js文件的版本号。版本号自动改变日期和你强迫客户端浏览器自动刷新js文件。我使用这种方法，这是工作良好。

<script src="~/JsFilePath/JsFile.js?v=@DateTime.UtcNow.ToString()"></script>

2018-12-11 09:29:04

如果您正在使用PHP和Javascript，那么以下内容应该适用于您，特别是在您对文件进行多次更改的情况下。所以，每次你都不能改变它的版本。因此，这个想法是在PHP中创建一个随机数，然后将其分配为JS文件的一个版本。

$fileVersion = rand();
<script src="addNewStudent.js?v=<?php echo $fileVersion; ?>"></script>

2021-03-16 14:11:37

最简单的解决方案?不要让浏览器缓存。将当前时间(以毫秒为单位)作为查询追加。

(您仍然处于测试阶段，因此您可以合理地选择不优化性能。但这里有YMMV。)

2008-09-17 15:55:01

一种解决方案是在获取资源时，将包含时间戳的查询字符串附加到URL。这利用了浏览器不会缓存从包含查询字符串的url中获取的资源这一事实。

你可能不希望浏览器完全不缓存这些资源;更可能的情况是，您希望它们被缓存，但您希望浏览器在文件可用时获取该文件的新版本。

最常见的解决方案似乎是在文件名本身中嵌入时间戳或修订号。这是一个多一点的工作，因为你的代码需要修改请求正确的文件，但这意味着，例如版本7你的snazzy_javascript_file.js(即snazzy_javascript_file_7.js)被缓存在浏览器上，直到你发布版本8，然后你的代码改变获取snazzy_javascript_file_8.js。

2008-09-17 14:31:11

如何强制客户端刷新JavaScript文件?

推荐文章

最新文章

标签