Ik ben een website aan het maken, maar toen ik wijzigingen aanbracht in de stylesheet op mijn site en ik de site vernieuwde, waren er geen wijzigingen.
Ik heb geprobeerd de view source tool te gebruiken om de stylesheet.csste controleren en deze is ook niet bijgewerkt. Maar als ik naar de root van mijn systeem ga, is dat wel zo.
Ik moet minimaal 20 minuten wachten voordat ik de update op mijn site zie. Kan iemand mij vertellen waarom ik de wijzigingen niet meteen zie? Is er iets mis met mijn browser, computer of server?
Ik heb ook geprobeerd mijn cookies, cache en geschiedenis te verwijderen, maar het werkte nog steeds niet.
Antwoord 1, autoriteit 100%
Als uw site nog niet live is, en u wilt gewoon de stylesheet op de gewenste tijdstippen bijwerken, gebruik dan dit: Ctrl+ F5.
Op Mac OS (in Chrome) gebruik: Cmd+ Shift+ R.
Hierdoor wordt uw browser gedwongen om alle bronnen met betrekking tot de pagina van de website opnieuw te laden en te vernieuwen.
Dus elke keer dat je iets in je stylesheet verandert en je wilt de nieuwe resultaten zien, gebruik dit dan.
Antwoord 2, autoriteit 28%
Hoogstwaarschijnlijk wordt het bestand gewoon in de cache opgeslagen door de server. U kunt ofwel de cache uitschakelen (maar vergeet niet deze in te schakelen wanneer de site live gaat), of hrefvan uw link-tag wijzigen, zodat de server deze niet uit de cache laadt.
Als uw pagina dynamisch is gemaakt door een taal zoals php, kunt u een variabele toevoegen aan het einde van de href-waarde, zoals:
<link rel="stylesheet" type="text/css" href="css/yourStyles.css?<?php echo time(); ?>" />
Hiermee wordt de huidige tijdstempel aan het einde van een bestandspad toegevoegd, zodat deze altijd uniek is en nooit uit de cache wordt geladen.
Als je pagina statisch is, moet je die variabelen zelf beheren, dus gebruik zoiets als:
<link rel="stylesheet" type="text/css" href="css/yourStyles.css?version=1" />
nadat u enkele wijzigingen in de bestandsinhoud heeft aangebracht, wijzigt u version=1in version=2enzovoort.
Als je de cache wilt uitschakelen voor het cachen van css-bestanden, raadpleeg dan de documentatie van je servertype (dit is anders gedaan bij apache, IIS, nginx enz.) of stel/zoek een vraag op https://serverfault.com/
Ervan uitgaande dat IIS – de sleutel toevoegen onder <system.webServer> met de juiste instellingen in de root of de relevante map werkt het.
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<caching enabled="false" enableKernelCache="false" /> <!-- This one -->
</system.webServer>
</configuration>
Dat gezegd hebbende, moet men soms nog steeds de Application Pool recyclen om de CSS te “stoten”. Daarom: het alleen uitschakelen van IIS-caching is geen 100% gegarandeerde oplossing.
Voor de browser: er zijn enkele opmerkingen over fijnkorrelig beheer van de lokale cache op FFover op SuperUservoor de geïnteresseerden.
Antwoord 3, autoriteit 6%
De eenvoudigste manier om te zien of het bestand in de cache wordt opgeslagen, is door een queryreeks toe te voegen aan het <link />-element, zodat de browser het opnieuw laadt.
Om dit te doen, kunt u uw stylesheetverwijzing wijzigen in iets als
<link rel="stylesheet" type="text/css" href="/css/stylesheet.css?v=1" />
Let op het v=1gedeelte. Je kunt dit elke keer dat je een nieuwe versie maakt bijwerken om te zien of deze inderdaad in de cache wordt opgeslagen.
Antwoord 4
Dit was misschien niet het probleem van de OP, maar ik had hetzelfde probleem en loste het op door Supercache te wissen en vervolgens uit te schakelen op mijn cpanel. Misschien weten sommige andere nieuwkomers zoals ik niet dat veel hostingproviders CSS en sommige andere statische bestanden cachen, en deze in de cache opgeslagen oude versies van CSS-bestanden zullen nog uren in de cloud blijven staan nadat je het bestand op je server hebt bewerkt. Als je site oude versies van CSS-bestanden weergeeft nadat je ze hebt bewerkt, en je weet zeker dat je je browsercache hebt gewist, en je weet niet of je host dingen in de cache opslaat, controleer dat dan eerst voordat je een andere probeert ingewikkelde suggesties.
Antwoord 5
Ik had een soortgelijk probleem, des te irritanter gemaakt door simpelweg erg LANGZAAM te zijn met updaten. Ik kon mijn wijzigingen niet doorvoeren terwijl ik aan de site werkte om mijn leven te redden (probeerde op allerlei manieren mijn browsercache en cookies te wissen), maar als ik later op de dag terugkwam op de site of een andere browser opende, zou er dat waren ze.
Ik heb het probleem ook opgelost door de Supercacher-software uit te schakelen op het cpanel van mijn host (Siteground). Je kunt ook de “flush”-knop gebruiken voor individuele mappen om te testen of dat het is voordat je het uitschakelt.
Antwoord 6
In mijn geval, aangezien ik geen cachebusting-tijdstempel aan de css-url kon toevoegen, bleek dat ik de applicatiepool in IIS 7.5.7600 handmatig moest vernieuwen.
Elke andere weg werd gevolgd, tot aan het volledig uitschakelen van de caching voor de site en ook voor de lokale browser (zoals VOLLEDIG uitgeschakeld voor beide), werkte nog steeds niet. Ook het “herstarten” van de website deed niets.
Dezelfde positie als ik?
[Sitenaam] > “Applicatiepool” > “Recycle”is je laatste redmiddel…
Antwoord 7
Als het in de cache op de server staat, kunt u in de browser niets doen om dit op te lossen. U moet wachten tot de server het bestand opnieuw heeft geladen. U kunt het bestand niet eens verwijderen en opnieuw uploaden. Dit kan zelfs nog langer duren als je een caching-server zoals Cloudflare gebruikt (het zal zelfs een herstart van de server overleven). Je zou het kunnen hernoemen en een kopie kunnen laden.
Antwoord 8
Dit kan een gevolg zijn van uw serverconfiguratie, sommige hostingproviders schakelen “Varnish”in op uw domein . Deze caching HTTP reverse proxy, wordt gebruikt om de levering te versnellen. Je zou kunnen proberen vernis op het cpanel uit te schakelen (ervan uitgaande dat je er een hebt) en controleren of dat het was.
Antwoord 9
ik had hetzelfde probleem, ik gebruik 000webhostom mijn site te hosten en ik gebruik ook cloudflare. Ik had al mijn cache-instellingen in mijn browser uitgeschakeld en probeerde vervolgens wat css te wijzigen en de pagina opnieuw te laden met hard refresh
(shift + klik op refresh-knop, ctrl + f5, enz.) er was niets veranderd.
Het blijkt dat het probleem afkomstig was van cloudflare-cache. Als je cloudflare gebruikt, kun je de ontwikkelingsmodus inschakelen in cloudflare. Het zal tijdelijk je cache omzeilen, zodat je wijzigingen aan je oorspronkelijke server in realtime kunt zien.
Voor iemand die dit probleem nog steeds tegenkomt, hoop ik dat dit je kan helpen
Antwoord 10
Ter referentie, ik ontwikkel op een Windows 11-machine, voer eerst het commando onder 2 uit
$env:NODE_ENV=”ontwikkeling”
$env:TAILWIND_MODE=”watch”
voer nu uw applicatie uit
volg voor referentie: https://github.com/tailwindlabs/tailwindcss/issues/4081
Antwoord 11
![Clear Cache] Ctrl+Shift+Delete
http://i.stack.imgur.com/QpqhJ.jpg
Soms is het nodig om een harde verversing uit te voeren om te zien dat de updates van kracht worden. Maar het is onwaarschijnlijk dat gemiddelde internetgebruikers weten wat een harde verversing is, en je kunt ook niet verwachten dat ze de pagina blijven verversen totdat alles weer in orde is.
Hier is een manier om het te doen:<link rel="stylesheet" href="style.css?v=1.1">
Antwoord 12
Ik kwam dit probleem ook tegen, veel mensen raden aan om je pagina geforceerd opnieuw te laden, wat het probleem niet oplost in gevallen zoals wanneer je het op een server draait. Ik denk dat de optimale oplossing in dit scenario is omje css een tijdstempel te geven.
- Zo doe ik het in mijn Django-sjabloon:
<link rel="stylesheet" href="{% static 'home/radioStyles.css' %}?{% now 'U' %}" type="text/css"/>
Waar zou het toevoegen van ?{% now ‘U’ %}aan het einde van uw css-bestand dit probleem oplossen.
Waar ?Wednesday 2nd February 2020 12PM(huidige datum) het probleem lijkt op te lossen, merkte ik ook dat het door de tijd op te lossen het probleem ook oplost.
Antwoord 13
Ik had hetzelfde probleem. Een van de redenen was dat mijn applicatie in de cache was opgeslagen en ik een lokale build aan het uitvoeren was.
Ik zou liever het css-bestand verwijderen en het opnieuw toevoegen met wijzigingen als geen van de bovenstaande opmerkingen werkt.
Antwoord 14
Eerst, probeer herladen te forceren of cache te wissenen achtervolging leeg te maken en hard opnieuw te laden. U kunt dit doen door op F12te drukken en er vervolgens met de rechtermuisknop op te klikken.
2e oplossing: controleer uw HTML-basistag. Je kunt er hiermeer over lezen.
Antwoord 15
Werk de stijlen in style.css niet bij, maar maak in plaats daarvan een eigen nieuwe stylesheet en importeer deze in style.css
your-own-style.css
.body{
/*any updates*/
}
importeer je-eigen-stijl.css in style.css
@import url("your-own-style.css");