blocks|key|729068|text|有可能，您可以简单地使用jQuery将引用缓存状态的“meta标记”替换为事件处理程序/按钮，然后刷新，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|729069|$('.button').click(function()+{
++++$.ajax({
++++++++url:+"",
++++++++context:+document.body,
++++++++success:+function(s,x){

++++++++++++$('html[manifest=saveappoffline.appcache]').attr('content',+'');
++++++++++++++++$(this).html(s);
++++++++}
++++});+
});|code-block|syntax|javascript|729070|注意:此解决方案依赖于作为HTML5规范一部分实现的应用程序缓存。它还需要服务器配置来设置App+Cache清单。它没有描述一种可以通过客户端或服务器端代码清除“传统”浏览器缓存的方法，而这几乎是不可能做到的。|729071|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

It's possible, you can simply use jQuery to substitute the 'meta tag' that references the cache status with an event handler / button, and then refresh, easy, 

<pre><code>$('.button').click(function() {
 $.ajax({
 url: "",
 context: document.body,
 success: function(s,x){

 $('html[manifest=saveappoffline.appcache]').attr('content', '');
 $(this).html(s);
 }
 }); 
});
</code></pre>

NOTE: This solution relies on the Application Cache that is implemented as part of the HTML 5 spec. It also requires server configuration to set up the App Cache manifest. It does not describe a method by which one can clear the 'traditional' browser cache via client- or server-side code, which is nigh impossible to do.

blocks|key|729250|text|使用html是used.The的一个技巧就是在itself.There标签中的文件名后附加一个参数/字符串，并在文件发生变化时对其进行更改。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|729251|<script+src="myfile.js?version=1.0.0"></script>|offset|length|style|CODE|729252|浏览器会将整个字符串解释为文件路径，即使"?“是参数。因此，现在发生情况是，下次当您更新文件时，只需更改网站(例如<script+src="myfile.js?version=1.0.1"></script>)上的脚本标记中的编号，每个用户的浏览器都会看到该文件已更改，并抓取一个新的副本。|729253|entityMap^0|0|0|1B|0|1L|1B|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|K|$]]

use html itself.There is one trick that can be used.The trick is to append a parameter/string to the file name in the script tag and change it when you file changes.

<code>&lt;script src="myfile.js?version=1.0.0"&gt;&lt;/script&gt;</code>

The browser interprets the whole string as the file path even though what comes after the "?" are parameters. So wat happens now is that next time when you update your file just change the number in the script tag on your website (Example <code>&lt;script src="myfile.js?version=1.0.1"&gt;&lt;/script&gt;</code>) and each users browser will see the file has changed and grab a new copy.

blocks|key|512773|text|最好的办法是用name+%2B一些hash来生成js文件，如果你确实需要清除缓存，就用新的hash生成新的文件，这会触发浏览器加载新的文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|512774|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The best idea is to make js file generation with name + some hash with version, if you do need to clear cache, just generate new files with new hash, this will trigger browser to load new files

blocks|key|512910|text|最初，我在我的html，JS中尝试了各种编程方法来清除浏览器缓存。在最新的Chrome上什么都不能用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|512911|最后，我使用了.htaccess：|512912|<IfModule+mod_headers.c>
++++Header+set+Cache-Control+"no-cache,+no-store,+must-revalidate"
++++Header+set+Pragma+"no-cache"
++++Header+set+Expires+0
</IfModule>|code-block|syntax|javascript|512913|在Chrome、Firefox、Opera中测试|512914|参考：https://wp-mix.com/disable-caching-htaccess/|offset|length|512915|entityMap|0|LINK|mutability|MUTABLE|url|https://wp-mix.com/disable-caching-htaccess/^0|0|0|0|0|3|18|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Initially I tried various programmatic approach in my html, JS to clear browser cache. Nothing works on latest Chrome.

Finally, I ended up with .htaccess:

<pre><code>&lt;IfModule mod_headers.c&gt;
 Header set Cache-Control "no-cache, no-store, must-revalidate"
 Header set Pragma "no-cache"
 Header set Expires 0
&lt;/IfModule&gt;
</code></pre>

Tested in Chrome, Firefox, Opera

Reference: <a href="https://wp-mix.com/disable-caching-htaccess/" rel="noreferrer">https://wp-mix.com/disable-caching-htaccess/</a>

blocks|key|513003|text|下面是如何使用Cache.delete()删除所有浏览器网络缓存的单行代码|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|513004|caches.keys().then((keyList)+=>+Promise.all(keyList.map((key)+=>+caches.delete(key))))|code-block|syntax|javascript|513005|适用于Chrome，火狐39%2B，40%2B+27%2B和Edge。|513006|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete^0|7|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Here is a single-liner of how you can delete ALL browser network cache using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete" rel="noreferrer">Cache.delete()</a>
<pre><code>caches.keys().then((keyList) =&gt; Promise.all(keyList.map((key) =&gt; caches.delete(key))))
</code></pre>
Works on Chrome 40+, Firefox 39+, Opera 27+ and Edge.

blocks|key|512712|text|在Chrome上，你应该能够使用基准测试扩展来做到这一点。您需要使用以下开关启动您的chrome：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|512713|./chrome+--enable-benchmarking+--enable-net-benchmarking+|code-block|syntax|javascript|512714|在Chrome的控制台中，您现在可以执行以下操作：|512715|chrome.benchmarking.clearCache();
chrome.benchmarking.clearHostResolverCache();
chrome.benchmarking.clearPredictorCache();
chrome.benchmarking.closeConnections();|512716|从上面的命令可以看出，它不仅清除浏览器缓存，还清除DNS缓存并关闭网络连接。当你在做页面加载时间基准测试时，这些是很棒的。显然，如果不需要，你不必全部使用它们(例如，如果你只需要清除缓存，而不关心DNS缓存和连接，那么clearCache()应该就足够了)。|512717|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

On Chrome, you should be able to do this using the benchmarking extension. You need to start your chrome with the following switches:

<pre><code>./chrome --enable-benchmarking --enable-net-benchmarking 
</code></pre>

In Chrome's console now you can do the following:

<pre><code>chrome.benchmarking.clearCache();
chrome.benchmarking.clearHostResolverCache();
chrome.benchmarking.clearPredictorCache();
chrome.benchmarking.closeConnections();
</code></pre>

As you can tell from above commands, it not only clears the browser cache, but also clears the DNS cache and closes network connections. These are great when you're doing page load time benchmarking. Obviously you don't have to use them all if not needed (e.g. clearCache() should suffice if you need to clear the cache only and don't care about DNS cache and connections).

blocks|key|729286|text|location.reload(true)；将忽略缓存，硬重新加载当前页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|729287|Cache.delete()也可以用于新的chrome，火狐和opera。|offset|length|729288|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete^0|0|0|E|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

location.reload(true); will hard reload the current page, ignoring the cache.
 
<a href="https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete" rel="noreferrer">Cache.delete()</a> can also be used for new chrome, firefox and opera.

blocks|key|512951|text|现在可以使用Cache.delete()了|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|512952|示例：|512953|let+id+=+"your-cache-id";
//+you+can+find+the+id+by+going+to+
//+application>storage>cache+storage+
//+(minus+the+page+url+at+the+end)
//+in+your+chrome+developer+console+

caches.open(id)
.then(cache+=>+cache.keys()
++.then(keys+=>+{
++++for+(let+key+of+keys)+{
++++++cache.delete(key)
++++}
++}));|code-block|syntax|javascript|512954|适用于Chrome，火狐39%2B，40%2B+27%2B和Edge。|512955|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete^0|6|E|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

You can now use <a href="https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete" rel="nofollow noreferrer">Cache.delete()</a>

Example:

<pre><code>let id = "your-cache-id";
// you can find the id by going to 
// application&gt;storage&gt;cache storage 
// (minus the page url at the end)
// in your chrome developer console 

caches.open(id)
.then(cache =&gt; cache.keys()
 .then(keys =&gt; {
 for (let key of keys) {
 cache.delete(key)
 }
 }));
</code></pre>

Works on Chrome 40+, Firefox 39+, Opera 27+ and Edge.

blocks|key|512960|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|512961|//The+code+below+should+be+put+in+the+"js"+folder+with+the+name+"clear-browser-cache.js"

(function+()+{
++++var+process_scripts+=+false;
++++var+rep+=+/.*\?.*/,
++++links+=+document.getElementsByTagName('link'),
++++scripts+=+document.getElementsByTagName('script');
++++var+value+=+document.getElementsByName('clear-browser-cache');
++++for+(var+i+=+0;+i+<+value.length;+i%2B%2B)+{
++++++++var+val+=+value[i],
++++++++++++outerHTML+=+val.outerHTML;
++++++++var+check+=+/.*value="true".*/;
++++++++if+(check.test(outerHTML))+{
++++++++++++process_scripts+=+true;
++++++++}
++++}
++++for+(var+i+=+0;+i+<+links.length;+i%2B%2B)+{
++++++++var+link+=+links[i],
++++++++href+=+link.href;
++++++++if+(rep.test(href))+{
++++++++++++link.href+=+href+%2B+'&'+%2B+Date.now();
++++++++}
++++++++else+{
++++++++++++link.href+=+href+%2B+'?'+%2B+Date.now();
++++++++}
++++}
++++if+(process_scripts)+{
++++++++for+(var+i+=+0;+i+<+scripts.length;+i%2B%2B)+{
++++++++++++var+script+=+scripts[i],
++++++++++++src+=+script.src;
++++++++++++if+(src+!==+"")+{
++++++++++++++++if+(rep.test(src))+{
++++++++++++++++++++script.src+=+src+%2B+'&'+%2B+Date.now();
++++++++++++++++}
++++++++++++++++else+{
++++++++++++++++++++script.src+=+src+%2B+'?'+%2B+Date.now();
++++++++++++++++}
++++++++++++}
++++++++}
++++}
})();|code-block|syntax|javascript|512962|At+the+end+of+the+tah+head,+place+the+line+at+the+code+below

++++<+script+name="clear-browser-cache"+src='js/clear-browser-cache.js'+value="true"+><+/script+>|512963|512964|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>//The code below should be put in the "js" folder with the name "clear-browser-cache.js"

(function () {
 var process_scripts = false;
 var rep = /.*\?.*/,
 links = document.getElementsByTagName('link'),
 scripts = document.getElementsByTagName('script');
 var value = document.getElementsByName('clear-browser-cache');
 for (var i = 0; i &lt; value.length; i++) {
 var val = value[i],
 outerHTML = val.outerHTML;
 var check = /.*value="true".*/;
 if (check.test(outerHTML)) {
 process_scripts = true;
 }
 }
 for (var i = 0; i &lt; links.length; i++) {
 var link = links[i],
 href = link.href;
 if (rep.test(href)) {
 link.href = href + '&amp;' + Date.now();
 }
 else {
 link.href = href + '?' + Date.now();
 }
 }
 if (process_scripts) {
 for (var i = 0; i &lt; scripts.length; i++) {
 var script = scripts[i],
 src = script.src;
 if (src !== "") {
 if (rep.test(src)) {
 script.src = src + '&amp;' + Date.now();
 }
 else {
 script.src = src + '?' + Date.now();
 }
 }
 }
 }
})();</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>At the end of the tah head, place the line at the code below

 &lt; script name="clear-browser-cache" src='js/clear-browser-cache.js' value="true" &gt;&lt; /script &gt;</code></pre>
</div>
</div>

blocks|key|513063|text|通过定义用于高速缓存无效元标签的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|513064|function+addMetaTag(name,content){
var+meta+=+document.createElement('meta');
meta.httpEquiv+=+name;
meta.content+=+content;
document.getElementsByTagName('head')[0].appendChild(meta);
}|code-block|syntax|javascript|513065|您可以拨打：|513066|addMetaTag("pragma","no-cache")
addMetaTag("expires","0")
addMetaTag("cache-control","no-cache")|513067|这将为后续请求插入meta标签，这将迫使浏览器获取新内容。在插入之后，您可以调用location.reload()，这将在大多数浏览器中工作(Cache.delete()在ex中不适用于chrome+)。|offset|length|style|CODE|513068|entityMap^0|0|0|0|0|14|H|1Z|E|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]|$M|Z|N|10|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

By definining a function for cache invalidate meta tags:
<pre><code>function addMetaTag(name,content){
var meta = document.createElement('meta');
meta.httpEquiv = name;
meta.content = content;
document.getElementsByTagName('head')[0].appendChild(meta);
}
</code></pre>
You can call:
<pre><code>addMetaTag(&quot;pragma&quot;,&quot;no-cache&quot;)
addMetaTag(&quot;expires&quot;,&quot;0&quot;)
addMetaTag(&quot;cache-control&quot;,&quot;no-cache&quot;)
</code></pre>
That will insert meta tags for subsequents requests, which will force browser to fetch fresh content. After inserting, you can call <code>location.reload()</code> and this will work in mostly all browsers (<code>Cache.delete()</code> is not working at chrome for ex.)

I am looking for a way to programmatically empty the browser cache. I am doing this because the application caches confidential data and I'd like to remove those when you press "log out". This would happen either via server or JavaScript. Of course, using the software on foreign/public computer is still discouraged as there are more dangers like key loggers that you just can't defeat on software level.

How to programmatically empty browser cache?

我正在寻找一种以编程方式清空浏览器缓存的方法。我这样做是因为应用程序缓存了机密数据，当你按下“注销”时，我想删除这些数据。这将通过服务器或JavaScript实现。当然，在外国/公共计算机上使用该软件仍然是不被鼓励的，因为有更多的危险，比如按键记录器，你在软件层面上是无法战胜的。

问如何以编程方式清空浏览器缓存？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何以编程方式清空浏览器缓存？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何以编程方式清空浏览器缓存？
EN