我实现了这个简单的解决方案(还没有在生产环境中):

function verificarNovaVersio() {
    var sVersio = localStorage['gcf_versio'+ location.pathname] || 'v00.0.0000';
    $.ajax({
        url: "./versio.txt"
        , dataType: 'text'
        , cache: false
        , contentType: false
        , processData: false
        , type: 'post'
     }).done(function(sVersioFitxer) {
        console.log('Versió App: '+ sVersioFitxer +', Versió Caché: '+ sVersio);
        if (sVersio < (sVersioFitxer || 'v00.0.0000')) {
            localStorage['gcf_versio'+ location.pathname] = sVersioFitxer;
            location.reload(true);
        }
    });
}

我有一个小文件位于html的位置:

“versio.txt”:

v00.5.0014

这个函数在我的所有页面中都被调用，因此在加载时它会检查localStorage的版本值是否低于当前版本，并执行a

location.reload(true);

.．.强制从服务器而不是缓存重新加载。

(显然，您可以使用cookie或其他持久客户端存储而不是localStorage)

我选择这个解决方案是因为它很简单，因为只维护一个“version .txt”文件就会强制重载整个站点。

queryString方法很难实现，而且也是缓存的(如果您从v1.1更改到以前的版本将从缓存加载，那么这意味着缓存不会刷新，将所有以前的版本保存在缓存中)。

我是一个小新手，我很感激你的专业检查和审查，以确保我的方法是一个很好的方法。

希望能有所帮助。

查看缓存控制和过期的META标签。

< meta http-equiv =" cache-control " content =" no-cache "> <META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 july 2002 11:12:01 GMT">

另一个常见的做法是在请求文件的末尾附加不断变化的字符串。例如:

<脚本类型=“文本/javascript”“src=”主。js?v = 12392823 " > < /脚本>

有一个小技巧可以使用。诀窍是在脚本标记中向文件名附加一个参数/字符串，并在文件更改时更改它。

<script src=“myfile.js？version=1.0.0”></script>

浏览器将整个字符串解释为文件路径，即使“?”后面的是参数。所以现在发生的是，下次当你更新你的文件时，只要改变你网站上script标签中的数字(示例<script src="myfile.js?version=1.0.1"></script>)，每个用户的浏览器都会看到文件已经改变，并抓取一个新的副本。

强制浏览器清除缓存或重新加载正确的数据?我已经尝试了stackoverflow中描述的大多数解决方案，一些工作，但过了一会儿，它最终缓存并显示先前加载的脚本或文件。是否有另一种方法，将清除缓存(css, js等)，并实际工作在所有浏览器?

I found so far that specific resources can be reloaded individually if you change the date and time on your files on the server. "Clearing cache" is not as easy as it should be. Instead of clearing cache on my browsers, I realized that "touching" the server files cached will actually change the date and time of the source file cached on the server (Tested on Edge, Chrome and Firefox) and most browsers will automatically download the most current fresh copy of whats on your server (code, graphics any multimedia too). I suggest you just copy the most current scripts on the server and "do the touch thing" solution before your program runs, so it will change the date of all your problem files to a most current date and time, then it downloads a fresh copy to your browser:

<?php
   touch('/www/sample/file1.css');
   touch('/www/sample/file2.js');
?>

然后……剩下的程序…

It took me some time to resolve this issue (as many browsers act differently to different commands, but they all check time of files and compare to your downloaded copy in your browser, if different date and time, will do the refresh), If you can't go the supposed right way, there is always another usable and better solution to it. Best Regards and happy camping. By the way touch(); or alternatives work in many programming languages inclusive in javascript bash sh php and you can include or call them in html.

<meta http-equiv="pragma" content="no-cache" />

参见https://stackoverflow.com/questions/126772/how-to-force-a-web-browser-not-to-cache-images

更新URL为以下工作为我:

/ custom.js吗?id = 1

通过在?id=后添加一个唯一的数字，并随着新的变化而递增，用户不必按CTRL + F5来刷新缓存。或者，您可以在?id=后附加当前时间或Epoch的哈希或字符串版本

id=1520606295