Question

当服务器端代码更新（与JavaScript相关）时，旧的JavaScript文件将从缓存中提供。

我需要一个解决方案，旧的JavaScript文件会更新到更新的版本。一旦服务器上的文件更新，浏览器缓存（与JavaScript相关）就需要失效。

我已经解决了这个问题。

var randomnumber=Math.floor(Math.random()*10000);

var scriptfile='http://www.whatever.com/myjs.js?rnd='+randnumber;

但是我需要在JavaScript文件有更新而不是每次重新加载页面时清除缓存。

Answer 1

大多数网站（包括Stack Overflow）都使用其版本控制系统中的修订号：

var scriptfile='http://www.whatever.com/myjs.js?rnd='+revision_number;

每当修订版发生变化时，浏览器都会指向“新”JavaScript文件。

您也可以手动执行此操作，方法是在某处的中心位置指定版本号，并将该版本号添加到每个脚本调用中。更新JavaScript的一部分时，只需增加版本号。

第三种方法是检查您所包含的JavaScript文件的“上次修改”时间，并从中构建时间戳：

var scriptfile='http://www.whatever.com/myjs.js?version=20100803';

但这需要服务器端脚本，并且在每个页面请求上都可能太昂贵。

Answer 2

使用版本号或更新时间戳，而不是使用随机数，因此它变为：

var script = 'http://mysite.com/the_script.js?2010-08-02';

// or

var script = 'http://mysite.com/the_script.js?v1.20';

如果您不想手动更新，可以使用make脚本搜索并替换带有版本号的标记：

var script = 'http://mysite.com/the_script.js?{{script_update_date}}';

// have a shell script find and replace the above {{ }} tag with the date or such 
// when deploying to production

或者，如果您的版本控制系统使用它（如SVN），您可以将其替换为修订号，以便在签入新脚本时更新它。

如何解决缓存中提供的javascript文件的问题？

2 个答案: