Edge refresh niet.
- Onderwerp starter weswillem
- Startdatum
- Status
Aar
Inventaris
- Lid geworden
- 3 aug 2014
- Berichten
- 11.374
- Besturingssysteem
- Windows 11 en diverse Linux-soorten
- Office versie
- Office 365
En in andere browsers?
Is het misschien niet zo dat je iets van een cache op de server draait, zodat deze na een paar minuten invalideert?
Of misschien iets in .htaccess?
Is het misschien niet zo dat je iets van een cache op de server draait, zodat deze na een paar minuten invalideert?
Of misschien iets in .htaccess?
Laatst bewerkt:
- Lid geworden
- 13 aug 2013
- Berichten
- 5.509
Voor de zekerheid kan je de "browsergegevens wissen" in je browser.
(cookies en geschiedenis niet aanvinken, de rest wel aanvinken)
Wijzigingen in de css stylesheet opslaan, en dan in de browser Ctrl+F5 zou voldoende moeten zijn.
(cookies en geschiedenis niet aanvinken, de rest wel aanvinken)
Wijzigingen in de css stylesheet opslaan, en dan in de browser Ctrl+F5 zou voldoende moeten zijn.
Laatst bewerkt:
ariecade
Gebruiker
- Lid geworden
- 5 jun 2019
- Berichten
- 146
Misschien handiger om de style sheets (en b.v. javascripts als deze ook vaak aangepast wordt) op de ondestaande manier te laden:
Dan komt er uiteindelijk b.v. te staan:
Hierbij is 1621417302 de timestamp van het bestand style.css en wijzigt dus elke keer als het bestand opgeslagen wordt.
Dit zorgt ervoor dat altijd de laatst versie geladen wordt en je dus geen cache problemen hebt.
Misschien overbodig om te zeggen maar dit werkt naturrlijk alleen bij een php bestand en niet bij een html bestand omdat de php functie filemtime aangeroepen wordt. :d
Code:
<link rel="stylesheet" href="css/style.css?v=<?php echo filemtime('/css/style.css'); ?>">Dan komt er uiteindelijk b.v. te staan:
Code:
<link rel="stylesheet" href="css/style.css?v=1621417302">Hierbij is 1621417302 de timestamp van het bestand style.css en wijzigt dus elke keer als het bestand opgeslagen wordt.
Dit zorgt ervoor dat altijd de laatst versie geladen wordt en je dus geen cache problemen hebt.
Misschien overbodig om te zeggen maar dit werkt naturrlijk alleen bij een php bestand en niet bij een html bestand omdat de php functie filemtime aangeroepen wordt. :d
- Lid geworden
- 13 aug 2013
- Berichten
- 5.509
Dit is een goede oplossing.
De browser weet dan, als de waarde ?v= anders is, dat de cache niet mag worden gebruikt.
Met time() kan het nog iets korter want time() geeft elke seconde een uniek getal sinds 01/01/1970.
Code:
<link href="css/style.css?v=<?= time() ?>" rel="stylesheet">Of met Javascript in de <head> sectie, maar dat is omslachtig en kan je beter niet gebruiken.
Direct onder dit stukje Javascript komt dan de <link ....> te staan.
Code:
<script id="styleScript">
let styleScript = document.getElementById("styleScript");
let link = document.createElement("link");
link.rel = "stylesheet";
link.href = "css/style.css?v=" + Number(new Date());
styleScript.parentNode.insertBefore(link, styleScript.nextSibling);
</script>
<!-- hier komt de <link> te staan -->Opmerking.
In een live omgeving zal de performance verbeteren als je de ?v=...... weghaalt.
Laatst bewerkt:
Aar
Inventaris
- Lid geworden
- 3 aug 2014
- Berichten
- 11.374
- Besturingssysteem
- Windows 11 en diverse Linux-soorten
- Office versie
- Office 365
- Lid geworden
- 13 aug 2013
- Berichten
- 5.509
Helemaal met je eens, daarom alleen tijdens development en niet in live omgeving :thumb:
Als het in de live omgeving wordt gebruikt, dan kan het wel met een vaste waarde, bijv. style.css?v=18jan2022
Bij sommige WordPress websites wordt ver= weggelaten, daar staat gewoon style.css?123456789
Browsers hebben hier blijkbaar geen moeite mee.
Laatst bewerkt:
- Status
