CSS werkt niet

Door Max Boer op 12-12-2018 21:35

3.260 views

Hallo allemaal,

Ik heb misschien een beetje rare vraag, maar ik begrijp iets echt niet.

Ik ben bezig met een website en ik ben nu bezig met de CSS.
Ik heb dit op de volgende manier met elkaar verbonden.


<head>
<link rel="stylesheet" type="text/css" href="menu.css">
</head>

Af en toe stopt mijn CSS echter met werken en als ik dan veranderingen invoer, verandert er niets op de website.
Het blijft echter wel opgemaakt, maar dan zonder de veranderingen.

Als ik het bestand vervolgens een andere naam geef en ook de naam in de link verander, doet hij het wel weer.
Ik ben niet vergeten het bestand op te slaan :-)

Heeft iemand dit een keer eerder gehad of weet iemand hier een oplossing voor?

Alvast bedankt

Adoptive Solution

12-12-2018 21:48

Komt omdat je steeds het bestand wijzigt. De vorige versie zit dan nog in de cache.

En ja, als je het bestand een andere naam geeft, zit die nog niet in de cache.

Oplossing.

De browser cache legen.

Of het css bestand ff in het browser adres veld openenen.

Of een paar keer reload (ongeveer 10x of meer als nodig) van de webpagina doen. En dan zie je vanzelf of het goed gaat.

- Ariën -

12-12-2018 21:53 gewijzigd op 12-12-2018 21:55

Of hang een parameter eraan, met je revisienummer / versienummer:


<link rel="stylesheet" type="text/css" href="menu.css?v=42">

Na elke update verhoog je deze, en forceer je dus de browsers bij het bezoek de CSS-file opnieuw te downloaden, in plaats van uit de cache te vissen.

Het kan ook zijn dat er een serverside caching-mechanisme aan staat. Zoals bijvoorveeld Varnish of Opcache.

Max Boer

12-12-2018 22:42

Bedankt!

Hij werkt weer :-)

Jan R

13-12-2018 09:28

zoals ariën al schreef: met een parameter/versie;
als je met php werkt kan dat nog beter en NOOIT nog problemen

<link rel="stylesheet" type="text/css" id="css_style1" href="css.css?v=<?php echo time('Z'); ?>">

Jan

Ozzie PHP

13-12-2018 13:44

>> als je met php werkt kan dat nog beter en NOOIT nog problemen

Tof ... met ieder request een ander versienummer van je css-file waardoor het bestand nooit gecachet wordt en dus altijd bij iedere pagina-aanroep opnieuw moet worden ingeladen.

Lijkt me niet bepaald een goed advies ...

- Ariën -

13-12-2018 13:53 gewijzigd op 13-12-2018 13:53

Dat is wel zo handig bij ontwikkelomgevingen, maar niet in de praktijk.

Ikzelf geef de versienummers handmatig door in een configuratie-file. Maar je kan bij een 'deployment' van je website ook een buildnummer meegeven. Hoe je die genereert, daar mag je zelf vrijheid aan geven. Maar je kan een nummer van de laatste code-commit meegeven bijvoorbeeld.

Ben van Velzen

13-12-2018 14:34

Wat dat betreft zou je ook filemtime() kunnen gebruiken. Dan weet je altijd zeker dat je niet onnodig ververst en toch altijd de laatste revisie hebt.

Reageren

Inloggen om te reageren