Lösung dafür, dass CSS nach der Änderung nicht aktualisiert wird: 1. Leeren Sie den Browser-Cache vor dem Debuggen. 2. Aktivieren Sie „Cache deaktivieren“ auf der Debugging-Seite. 3. Verwenden Sie „Strg+Umschalt+R“, um die Aktualisierung zu erzwingen und js-Code.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Während der Webentwicklung müssen wir häufig den JS-Code debuggen, und zu diesem Zeitpunkt wird der von uns geänderte Code möglicherweise nicht wirksam. Dies liegt daran, dass der Browser standardmäßig über einen Cache verfügt. Zu diesem Zeitpunkt wirkt sich der Cache jedoch auf unsere Debugging-Arbeit aus. Hier stellen wir vor, wie der Chrome-Browser dieses Problem löst.
Lösung für Chrome-CSS-Änderungen, die nicht aktualisiert werden:
Methode 1: Leeren Sie den Browser-Cache vor dem Debuggen , Einstellungen Der Browser speichert die Seite nicht im Cache.
Aktivieren Sie „Cache deaktivieren“ auf der Debugging-Seite.
3. Erzwingen Sie die Aktualisierung der Seite.
Verwenden Sie Strg+Umschalt+R, um die Aktualisierung zu erzwingen, und verwenden Sie nicht den Browser-Cache, um die Seite zu aktualisieren.
4. Lösen Sie das Cache-Problem aus der Code-Perspektive. Der Browser speichert CSS- oder JS-Dateien zwischen. Durch Festlegen und Ändern der Versionsnummer lädt der Browser die neue JS- oder CSS-Datei erneut herunter . Die Verwendung der Versionsnummer ist wie folgt
css und js mit Parametern (in der Form .css?v= und .js?v= oder .css?version= und .js?version= )
<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script> <link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />
Empfohlen : „
CSS-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn das CSS nach der Änderung nicht aktualisiert wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!