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

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

当前回答

一个简单的方法。编辑htaccess

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} \.(jpe?g|bmp|png|gif|css|js|mp3|ogg)$ [NC]
RewriteCond %{QUERY_STRING} !^(.+?&v33|)v=33[^&]*(?:&(.*)|)$ [NC]
RewriteRule ^ %{REQUEST_URI}?v=33 [R=301,L]

2017-01-06 08:41:38

其他回答

location.reload(真正的);

参见https://www.w3schools.com/jsref/met_loc_reload.asp

我动态调用这行代码，以确保javascript已经从web服务器重新检索，而不是从浏览器的缓存，以避免这个问题。

2019-09-23 14:07:45

这种用法已被弃用: https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache

这个答案只晚了6年，但我在很多地方都没有看到这个答案……HTML5引入了应用程序缓存来解决这个问题。我发现我正在编写的新服务器代码正在破坏人们浏览器中存储的旧javascript，所以我想找到一种方法让他们的javascript过期。使用如下所示的清单文件:

CACHE MANIFEST
# Aug 14, 2014
/mycode.js

NETWORK:
*

并在每次您希望用户更新其缓存时，使用新的时间戳生成此文件。作为旁注，如果您添加了这个，浏览器将不会重新加载(即使当用户刷新页面时)，直到清单告诉它。

2014-08-14 20:05:48

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

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

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

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

Cache-Control: no-cache, must-revalidate

2008-09-17 16:04:02

以下是对我有用的:

<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

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

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

2008-09-17 15:55:01

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

推荐文章

最新文章

标签