Warum wird mein CSS nicht aktualisieren im web-browser?
Beim Programmieren meiner website, die ich speichern, HTML-und CSS-docs aktualisieren Sie dann den browser, um die änderungen sehen zu können. Allerdings, wenn ich refresh der HTML-änderungen gesehen, aber die CSS-änderungen nicht. Stattdessen, was ich würde tun müssen ist, schließen Sie das Fenster und öffne es erneut, um zu sehen, meine CSS-änderungen.
Irgendwelche Ideen, warum kann ich nicht einfach aktualisieren und finden Sie die CSS-änderungen, statt das Fenster schließen und wieder zu öffnen?
InformationsquelleAutor der Frage Michael Sórm | 2013-08-31
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen einen "harten" aktualisieren Sie Ihren browser...
http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache
Die Idee ist, zu umgehen, den cache Ihres Browsers. Verschiedene Browser handhaben das anders, und dieser wiki-Artikel hat einen schönen walk-through für jeden großen browser auf, wie dies zu tun.
Alternativ können Sie den cache Ihres Browsers leeren, das ist auch unter den wiki-Artikel.
InformationsquelleAutor der Antwort Hristo
Ich denke, es ist der cache-problem.
Wie das problem zu lokalisieren
Wenn Sie mit Chrome oder Firefox oder Safari, klicken Sie einfach rechts auf auf der Seite und wählen Sie
inspect element
und wählen Sienetwork
tab.Nun aktualisieren Sie Ihre Seite wie gewohnt, und Sie werden sehen, alle http-request wie dieser:
Wenn die css-Datei ist der status 304, bedeutet, dass der browser fordert vom server die css-Datei, und der server sagt: "Nein, müssen Sie nicht mich Fragen, ich gab dir die css-Datei vor, es hat sich nicht geändert."
Wenn die css-Datei status ist 200, aber die Größe ist
from cache
bedeutet es, dass der browser gar nicht, Fragen Sie den server für die Datei, die browser glaube, er hat die neueste Datei.Ich denke, Sie sind in der zweiten Bedingung(200 aus dem cache).
Wie man dieses Problem lösen:
können Sie immer löschen Sie den browser-cache, um die änderungen zu sehen. Oder Sie können deaktivieren Sie browser-cache für debugging-Zwecke.
Aber man kann nicht immer sagen, Ihre Besucher den cache zu löschen, also ist die zweite Methode:
wenn Sie mit PHP oder was auch immer als server-Sprache, Anhängen einer Abfragezeichenfolge an der css-Datei-name:
<link type="text/css" href="http://www.example.com/style.css?ts=<?=time()?>" />
99% der Zeit, dies funktionieren wird.
wenn es eine statische html-Seite, können Sie die css-query-string, manuell(oder auch die css-Datei-Namen, wenn Sie möchten).
InformationsquelleAutor der Antwort Yuguo
Abhängig vom browser, es könnte ein caching-problem.
Gibt es vielleicht eine Einstellung in Ihrem browser, die verhindern, dass der Cache aktualisiert.
Haben Sie versucht, Ihre browser-Einstellungen auf die Standardwerte zurück?
Der Grund warum ich Frage, ist Firefox-und Chrome-Handgriff diesem Weise anders.
Wenn Sie den cache+die cookies in Firefox, es könnte nicht wirksam, bis Sie Sie schließen ALLE Browser-Fenster.
Chrome den cache aktualisieren mit jedem einzelnen tab.
Ich würde vorschlagen, vielleicht re-Installation von Ihrem browser, da dies scheint definitiv ein lokales Problem, aber nicht in Verbindung mit der css selbst.
InformationsquelleAutor der Antwort Dennis Carney