强制浏览器清除缓存

有没有一种方法可以让我把一些代码放在我的页面上，这样当有人访问一个网站时，它就会清空浏览器缓存，这样他们就可以查看更改了?

使用语言:ASP。净,VB。NET，当然还有HTML, CSS和jQuery。

当前回答

我有同样的问题，我所做的就是改变文件名链接到我的index.html文件，然后进入index.html文件，更新他们的名字，不是最好的做法，但如果它工作。浏览器将它们视为新文件，因此它们会被重新下载到用户的设备上。

例子: 我想更新一个css文件，它的命名为styles.css，把它改成styles.css

进入index。html进行更新，并将其更改为

2022-03-31 13:56:48

其他回答

查看缓存控制和过期的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 " > < /脚本>

2009-12-17 16:26:20

更新2012

这是一个老问题，但我认为它需要一个更最新的答案，因为现在有一种方法可以更好地控制网站缓存。

在离线Web应用程序(实际上是任何HTML5网站)中，applicationCache.swapCache()可以用来更新网站的缓存版本，而不需要手动重新加载页面。

这是一个来自HTML5 Rocks上使用应用程序缓存的初学者指南的代码示例，解释了如何将用户更新到站点的最新版本:

// Check if a new cache is available on page load.
window.addEventListener('load', function(e) {

  window.applicationCache.addEventListener('updateready', function(e) {
    if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
      // Browser downloaded a new app cache.
      // Swap it in and reload the page to get the new hotness.
      window.applicationCache.swapCache();
      if (confirm('A new version of this site is available. Load it?')) {
        window.location.reload();
      }
    } else {
      // Manifest didn't changed. Nothing new to server.
    }
  }, false);

}, false);

有关更多信息，请参见在Mozilla开发者网络上使用应用程序缓存。

更新2016

网络上的事物变化很快。这个问题是在2009年提出的，在2012年，我发布了一篇关于处理问题中描述的问题的新方法的更新。又过了4年，现在看来它已经被弃用了。感谢cgaldiolo在评论中指出这一点。

目前，截至2016年7月，HTML标准，第7.9节，脱机Web应用程序包括一个弃用警告:

这个特性正在从Web平台上移除。 (这是一个漫长的过程，需要很多年。)使用任何此时非常不鼓励使用离线Web应用程序特性。使用服务工作者代替。

在Mozilla开发者网络上使用应用程序缓存也是如此，我在2012年引用过:

已弃用该特性已从Web标准中移除。虽然一些浏览器可能仍然支持它，但它仍在开发过程中被删除。不要在旧的或新的项目中使用它。页面或Web应用程序使用它可能会随时损坏。

请参见Bug 1204581 -如果启用service worker获取拦截，为AppCache添加弃用通知。

2012-10-28 07:16:32

我也遇到过类似的问题，我是这样解决的:

In index.html file I've added manifest: <html manifest="cache.manifest"> In <head> section included script updating the cache: <script type="text/javascript" src="update_cache.js"></script> In <body> section I've inserted onload function: <body onload="checkForUpdate()"> In cache.manifest I've put all files I want to cache. It is important now that it works in my case (Apache) just by updating each time the "version" comment. It is also an option to name files with "?ver=001" or something at the end of name but it's not needed. Changing just # version 1.01 triggers cache update event. CACHE MANIFEST # version 1.01 style.css imgs/logo.png #all other files It's important to include 1., 2. and 3. points only in index.html. Otherwise GET http://foo.bar/resource.ext net::ERR_FAILED occurs because every "child" file tries to cache the page while the page is already cached. In update_cache.js file I've put this code: function checkForUpdate() { if (window.applicationCache != undefined && window.applicationCache != null) { window.applicationCache.addEventListener('updateready', updateApplication); } } function updateApplication(event) { if (window.applicationCache.status != 4) return; window.applicationCache.removeEventListener('updateready', updateApplication); window.applicationCache.swapCache(); window.location.reload(); }

现在你只需更改文件，在manifest中你必须更新版本注释。现在访问index.html页面将更新缓存。

解决方案的部分不是我的，但我通过互联网找到了它们，并把它们放在一起，所以它是有效的。

2016-08-18 12:53:56

更新URL为以下工作为我:

/ custom.js吗?id = 1

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

id=1520606295

2017-05-03 15:37:39

如果这是关于.css和.js的更改，那么一种方法是通过在每个版本的文件名后面附加类似“_versionNo”的东西来“缓存破坏”。例如:

script_1.0.css // This is the URL for release 1.0
script_1.1.css // This is the URL for release 1.1
script_1.2.css // etc.

或者在文件名后面:

script.css?v=1.0 // This is the URL for release 1.0
script.css?v=1.1 // This is the URL for release 1.1
script.css?v=1.2 // etc.

您可以检查这个链接，看看它是如何工作的。

2009-12-17 16:27:17

强制浏览器清除缓存

推荐文章

最新文章

标签