Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Lösning för att slippa cache minne på browser? (html/css)

1
Skriv svar
Permalänk
Medlem ★
●

Lösning för att slippa cache minne på browser? (html/css)

Håller på att bygga en hemsida nu och något jag stört mig på länge är att om man ändrar något i CSS filen och sedan uppdaterar på firefox xampp/localhost så händer inget.. Man behöver rensa cache minne för att css filen ska visa det nya som hänt.

Men i Edge behöver jag inte göra detta, hur kan jag fixa detta i Firefox/Chrome?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av downup:

Håller på att bygga en hemsida nu och något jag stört mig på länge är att om man ändrar något i CSS filen och sedan uppdaterar på firefox xampp/localhost så händer inget.. Man behöver rensa cache minne för att css filen ska visa det nya som hänt.

Men i Edge behöver jag inte göra detta, hur kan jag fixa detta i Firefox/Chrome?

Gå till inlägget

Kör med CTRL+F5 så brukar det ändras direkt.

Visa signatur

Custom SweC - Optimerar utseendet på Sweclockers. 21 Aug : v0.6.0 Nu kan du dimra bilder på SweC!
Installera Custom SweC UserCSS
Glöm inte att Geeks har en egen Discord-server: discord.geeks.se

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

I chrome, öppna dev tools med f12/ctrl+shift+i/högerklicka samt välj inspect. Därefter välj network/nätverks-fliken, och kryssa i disable cache.

Då kommer cachen att ignoreras när du laddar om sidan dock enbart om du har dev tools öppna samtidigt.

Visa signatur

Intel i7 10700KF (Noctua NH-D15) | Asus RADEON RX 7900 XTX TUF | 32 GB DDR4 HyperX Fury | Corsair RM1000X | Zalman Z9 Iceberg MS | Arch Linux, Win11

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Lagers:

Kör med CTRL+F5 så brukar det ändras direkt.

Gå till inlägget

Fungerade för Firefox!
Satt och blev tokig om varför en bild var på ett ställe på edge och ett annat på firefox. haha.. tackar!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Det är dock många ggr som ctrl+f5 / ctrl+shift+r inte alltid räcker.

Öppna "Web developer tools" (ctrl+shift+i) -> Tryck på tre punker till höger -> Settings -> Bocka i "Disable HTTP Cache (when toolbox is open)".

Sen så låter du ju självklart toolboxen vara öppen. Använder du den inte i övrigt så är det bara att minska storleken på den.

Visa signatur

www.fckdrm.com - DRM år 2025? Ha pyttsan.

Redigera
Citera flera Citera
Permalänk
Medlem
●

I Chrome så kan man öppna devtools (F12 eller ctrl+shift+i) och klicka på refresh och hålla inne knappen tills en meny kommer upp där "Empty Cache and Hard Reload" finns som alternativ för att rensa helt.
Gissar att samma gäller för nya Edge.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Om du använder Visual Studio Code kan du ladda ner "Live Server". Då kan du ha hemsidan uppe i ett eget fönster bredvid VSCode och så uppdateras den så fort du trycker ctrl + s i VSCode.

Visa signatur

10700K | NVIDIA RTX 3080

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

ctrl+shift+r funkar också. (cmd på mac)

Redigera
Citera flera Citera
1
Skriv svar