Heim  >  Artikel  >  Web-Frontend  >  Wie lösche ich den Browser-Cache? 4 Möglichkeiten, es einfach mit js zu machen

Wie lösche ich den Browser-Cache? 4 Möglichkeiten, es einfach mit js zu machen

青灯夜游
青灯夜游Original
2018-09-08 17:50:298161Durchsuche

Jedes Mal, wenn wir den Browser zum Surfen im Internet verwenden, werden einige Cache-Dateien auf der lokalen Festplatte gespeichert. Der Cache dieser Browser dient dazu, Netzwerkressourcen zu sparen und das Surfen zu beschleunigen. Der Browser speichert kürzlich angeforderte Dokumente auf der Festplatte des Benutzers. Wenn der Besucher diese Seite erneut anfordert, kann der Browser das Dokument von der lokalen Festplatte anzeigen Seite durchsuchen. Aber manchmal müssen wir den Cache leeren, da der Cache Probleme verursachen und einige fehlerhafte Daten erscheinen können.

In diesem Kapitel stellen wir Ihnen 4 js-Methoden zum Leeren des Caches vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1: Was ist Browser-Cache?

1. Alle Daten können auf dem Server gespeichert werden, aber das ist nicht effizient. Wenn wir auf die Webseite zugreifen, friert einer ein, der andere verschwendet den Speicherplatz des Servers Drittens wird es geben Der Server verursacht Druck

2. Browser-Caching kann die Leistung der Website und die Browsergeschwindigkeit verbessern, aber bei Webseiten, die häufig aktualisiert werden müssen, verhindert das Caching, dass Benutzer aktualisierte Stile anzeigen

Zwei: Wie lösche ich den Cache über js?

1. Zufallszahl

1) Das Skript existiert nicht, sondern wird dynamisch vom Server generiert, daher ist eine Versionsnummer enthalten, um den Unterschied anzuzeigen. Das heißt, die Zufallszahl nach dem Pfad oder Dateinamen entspricht der Datei, der Browser geht jedoch davon aus, dass es sich um eine bestimmte Version der Datei handelt!

2) Der Client speichert diese CSS- oder JS-Dateien zwischen, sodass der Client-Browser nach jedem Upgrade der JS- oder CSS-Datei und dem Ändern der Versionsnummer die neue JS- oder CSS-Datei erneut herunterlädt und die Datei aktualisiert Rolle des Caches

/* 图片的路径+图片名+随机数=图片的版本号更替 */
$("#pic_code").attr('src','/static/img/verify_code.png'+'?temp=' + Math.random());
/* Math.random() 只能在Javascript 下起作用 */<script type="text/javascript" src="core.js?v=20140829"></script>
/*时间*/
?v=new Date().getTime();

2.meta

Code im Kopfbereich von HTML hinzufügen:

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="content-type" content="no-cache, must-revalidate" />
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>

3.ajax

1) Legen Sie fest Attributcache: false, damit Ajax den Browsing-Cache nicht aufruft.

cache:false

2) Verwenden Sie Ajax, um die neueste Datei vom Server anzufordern, und fügen Sie die Anforderungsheader If-Modified-Since und Cache-Control wie folgt hinzu:

beforeSend :function(xmlHttp){ 
   xmlHttp.setRequestHeader("If-Modified-Since","0"); 
   xmlHttp.setRequestHeader("Cache-Control","no-cache");
  }

4.replace

replace Das Prinzip besteht darin, die durch den Ersetzungsparameter angegebene Seite durch die aktuelle Seite zu ersetzen

<script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script>


Das obige ist der detaillierte Inhalt vonWie lösche ich den Browser-Cache? 4 Möglichkeiten, es einfach mit js zu machen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn