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

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;

每当修订版更改时，浏览器都会指向一个"new"JavaScript 文件。

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

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

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

但这需要服务器端脚本，而且对每个页面请求都执行的成本太高。