2010-12-12 7 views
1

Ich komme zu ein paar Front-End-Codierung in CSS und Javascript.Wie Setup-Umgebung für Front-End-Codierung?

Aber das Caching von CSS, Javascript und HTML-Dateien bringt mich langsam um. Immer wenn ich eine Änderung mache, versuche ich alles, um die aktualisierten Dateien zu aktualisieren, aber die alte Version kommt immer wieder. Natürlich ist dies ein großartiges Feature in der Produktionsversion, aber in der Entwicklung macht es mich verrückt.

Ich fand eine Erweiterung "CSS Refresh", die eine gute Arbeit der Aktualisierung von CSS tut, aber HTML und Javascript können immer noch ein Problem sein.

Ich verwende hauptsächlich Chrom und gelegentlich Firefox zum Testen.

+0

STRG + F5, um eine erzwungene Aktualisierung – RobertPitt

+0

nicht immer – DevX

+0

Works in IE + FF zu tun, nicht funktioniert, aber Chrom scheint es nicht zu mögen, vor allem für Bilder –

Antwort

2

Haben Sie versucht, den Cache in Firefox zu deaktivieren?

Wenn Sie Web Developer Toolbar für ein Addon https://addons.mozilla.org/en-US/firefox/addon/10338/

Oder als einen anderen Benutzer angegeben https://addons.mozilla.org/en-US/firefox/addon/60/

+0

Obwohl dies nicht war Quelle meines Problems (es war Datenbank-Caching von meinem Server eingerichtet). Ich habe dies als Antwort markiert, da mir dieses Tool nicht bekannt war und es ziemlich nützlich aussieht. – DevX

0

Auf Firefox haben Sie die Web Developer Toolbar als deaktivieren können Caching für eine bestimmte Website. Ich empfehle auch die Firebug-Erweiterung, wenn Sie sie nicht bereits verwenden.

1

ich den einzigen Weg finde eine Aktualisierung zu gewährleisten, wenn Sie eine neue Version eines Web-Release suchen Anwendung ist, die relevanten Dateien umzubenennen. Im Idealfall verwenden Sie eine Art von Versionsnummer auf dem Javascript/CSS (z. B. script.1.0.3.4.js).

Mit ein wenig Aufwand können Sie all dies in den Build-Prozess automatisieren, indem Sie die Funktion verwenden, um die Version einer Baugruppe automatisch zu erhöhen.

+0

Wirklich? Mann, es muss einen leichteren Weg geben. Ich habe die hier vorgeschlagene Web Developer Toolbar ausprobiert und es funktioniert immer noch nicht. Ich habe eine Codezeile in einem Javascript geändert, aber wenn ich mir die geladenen js in firebug anschaue, ist es die alte. CTR; -5 hilft nicht. --- Woher bezieht Firefox diese alten Dateien? – DevX

+0

Die CTR-5 usw. ist nur eine Entwicklungslösung - Sie können nicht erwarten, dass Ihre Kunden/Besucher dies jedes Mal tun, wenn Sie Ihr Javascript ändern. Für diese Umbenennung ist (soweit ich weiß) dann nur eine sichere Lösung um das Nachladen des Skripts/css zu erzwingen. Für Entwicklungszwecke sollte CTR-5 usw. wirklich funktionieren - wenn nicht, dann speicherst du das Skript vielleicht woanders (z. B. in einem Proxy?). Wenn Sie Browsing-Daten aus dem Dialogfeld Optionen löschen und es sich immer noch nicht ändert, wird es definitiv an einer anderen Stelle im Cache zwischengespeichert. –

+0

Also habe ich meine Einstellungsdatei überprüft. Es stellte sich heraus, dass ich Datenbank-Caching machte und vergessen, diese Option zu entfernen. Do! – DevX