如何强制客户端刷新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文件的名称上，然后当进行更改时，增加脚本上的版本并更新所有引用。这肯定可以完成工作，但是在每个版本上更新引用可能会很麻烦。

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

当前回答

虽然它是特定于框架的，但Django 1.4拥有staticfiles应用程序功能，其工作方式与上面答案中的“greenfelt”站点类似

2012-10-06 06:26:18

其他回答

<script>  
  var version = new Date().getTime();  
  var script = document.createElement("script");  
  script.src = "app.js?=" + version;  
  document.body.appendChild(script);  
</script>

如果有人已经把它贴在上面过多的答案中，请随意删除。

2022-08-11 23:33:54

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

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

2021-03-16 14:11:37

jQuery函数getScript也可以用来确保每次页面加载时确实加载了js文件。

我是这样做的:

$(document).ready(function(){
    $.getScript("../data/playlist.js", function(data, textStatus, jqxhr){
         startProgram();
    });
});

请登录http://api.jquery.com/jQuery.getScript/查看该功能

默认情况下，$. getscript()将缓存设置设置为false。这将向请求URL附加一个带有时间戳的查询参数，以确保浏览器在每次请求脚本时都会下载脚本。

2015-10-10 20:53:10

将当前时间附加到URL确实是一种常见的解决方案。但是，如果你愿意，你也可以在web服务器级别管理它。服务器可以配置为javascript文件发送不同的HTTP头。

例如，要强制文件缓存不超过1天，你可以发送:

Cache-Control: max-age=86400, must-revalidate

对于测试版，如果你想强迫用户总是获得最新的，你可以使用:

Cache-Control: no-cache, must-revalidate

2008-09-17 16:04:02

你可以添加文件版本到你的文件名，这样它就像:

https://www.example.com/script_fv25.js

fv25 =>文件版本号25

在你的.htaccess中放入这个块，它将从链接中删除版本部分:

RewriteEngine On
RewriteRule (.*)_fv\d+\.(js|css|txt|jpe?g|png|svg|ico|gif) $1.$2 [L]

所以最后一个链接是:

https://www.example.com/script.js

2020-06-17 12:15:26

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

推荐文章

最新文章

标签