Alleen JavaScript-bestanden geforceerd vernieuwen in Firefox en Chrome

Met Chrome:

Vanaf Chrome 15 open je de Developer Tools, klik je op het tandwieltje linksonder in het scherm, en selecteer je het selectievakje Cache uitschakelen.

Op deze manier weet je zeker dat bronnen altijd opnieuw van de server worden geladen, en hoef je de cache niet handmatig te wissen, wat ook cachegegevens voor niet-gerelateerde sites zou kunnen verwijderen.

Ik doe dit zelf voor ontwikkeling. Ik gebruik Ctrl+F5. Het is als een force refresh. Dit vernieuwd de pagina inclusief het opnieuw downloaden van alle JavaScript bestanden of CSS bestanden, zelfs als ze in de cache staan.

Het zal NIET wissen iets anders, zoals uw browsen geschiedenis.

Maar let op: hoewel ik weet dat dit werkt in Firefox, en waarschijnlijk ook in Internet Explorer, weet ik niet zeker of Ctrl+F5 op dezelfde manier werkt in Chrome.

Ook, iegik zegt:

Op sommige browsers kun je `Ctrl+Shift+R gebruiken om dezelfde taak uit te voeren.

Ik ben het niet eens met @7wp. Aangezien sommige van je eindgebruikers niet bekend zijn met de Ctrl+F5 functie, en sommigen niet eens op de hoogte zijn van de verschillen tussen browsers en zelfs het bestaan van andere browsers (elders bijvoorbeeld) zou je de browser moeten dwingen om een nieuwe kopie van de JS/CSS bestanden te downloaden.

De beste oplossing hier is om de tijdstempel aan het eind van de .js/.css bestandsnamen toe te voegen, of de svn versie toe te voegen wat ook een goed idee is.

<script src="js/myfile.js?t=<?=time()?>" type="text/javascript"></script>

Je zou kunnen proberen om alleen je cache te wissen, en niet je hele browsing, geschiedenis, cookies, wachtwoorden, opgeslagen formuliergegevens, en wat al niet meer (de standaard).

In Firefox 3.5, ga naar

Extra “ Recente geschiedenis wissen…

Zorg dan dat alleen ‘Cache’ is geselecteerd voordat je ‘Nu wissen’ selecteert.

In Chrome (ik weet niet welke versie je gebruikt, want ik gebruik de dev builds), ga je naar

Wrench Icon (Tools) ” Options “ Personal Stuff tab ” Clear browsing data…

Nogmaals, zorg ervoor dat alleen “Leeg de cache” aangevinkt is.

Als alternatief kun je proberen een nieuwe privésessie in Firefox of een incognitovenster in Chrome te openen; geen van beide zou bestanden in de cache moeten opslaan (inclusief je .JS-bestanden) die je automatisch downloadt en verwerkt tijdens het browsen.

Ik open het JavaScript bestand in een apart tabblad, Shift + refresh, controleer of ik de laatste veranderingen zie, dan Shift + refresh de eigenlijke pagina (eigenlijk, in mijn geval, frame in een frameset, wat de zaken erger lijkt te maken). Dit werkt bijna altijd.

In Chrome kun je gewoon op Ctrl drukken en op de knop vernieuwen klikken. Ik ontdekte dit bij toeval.

Als u met JavaScript werkt en u zich zorgen maakt over het opnieuw laden van de pagina om wijzigingen in JavaScript weer te geven. Probeer dan de debugger van Chrome te gebruiken, waar u wijzigingen kunt aanbrengen in uw geladen JavaScript-bestand(en) tijdens het uitvoeren en zonder opnieuw te hoeven laden nieuwe functies of wijzigingen kunt testen die u wilt testen.

Ik heb het zelf niet gebruikt, maar de Firefox Add-on “Clear Cache Button” zou van pas kunnen komen. Ik heb hun documentatie doorgelezen, dus ik weet niet zeker of het ook je browsegeschiedenis opruimt.

Voeg een dynamische datumfunctie toe aan het einde van je JavaScript-bestand. Het zal de browser dwingen het bijgewerkte JavaScript bestand te laden. Dat betekent dat je bij het toevoegen van het .js bestand …. xyz.js?

< ? php echo date('l jS \of F Y h:i:s A') ? >

Natuurlijk kan dit worden verwijderd zodra je debugging klaar is en klaar om live te gaan.

In de nieuwste Chrome is het beschikbaar:

Ga naar de inhoudsinstellingen in Chrome, schakel JavaScript uit en sla op.

Daarna JavaScript weer inschakelen.