4

Actually I'm working on a small projects with XAMPP server, Most of the times I have this crazy problem,When I change anything in my CSS file it doesn't any effect but when I restart my XAMPP apache server several times it works fine. anyone knows how I can fix this problem permanently?

  • You need to learn about how browsers are working. Here you will have to check requests headers to understand what happened (it'll be pretty self explanatory) – fpietka Jan 06 '17 at 09:53

2 Answers2

31

Are you using browser caching?

Maybe just try a hard refresh CTRL+F5

Sorry if this is obvious and you have already tried it!

Ben Lonsdale
  • 675
  • 5
  • 11
  • 2
    So was I so you get 2 UV. When you get to 50 reps, remember to comment – RiggsFolly Jan 06 '17 at 09:46
  • Tnx buddy, It really worked for me and actually I didn't know about this simple but important thing. –  Jan 06 '17 at 11:13
  • Thanks, It works.. –  Nov 26 '17 at 14:14
  • That's a great solution to understand that caching is actually a great solution. From https://stackoverflow.com/questions/23751767/chrome-disable-cache-for-localhost-only it's not possible to disable caching just for localhost, but you can overall disable it. – Eduardo Pignatelli Feb 18 '18 at 12:49
  • Worked like a charm! :) – user3326078 Aug 20 '18 at 14:48
  • It helped, thank you! But I don't understand why... I mean what has cache got to do with anything? Can anybody please answer me? – JustLearn Aug 04 '20 at 14:33
  • @JustLearn the cache in this instance is the browser cache. Chrome/Firefox/etc - they all keep a cache of loaded files so that they can make less network requests but often, when the file has changed they don't load the new version so you don't get your changes – Ben Lonsdale Oct 21 '21 at 12:24
1

The xampp cannot be the problem, You can verify it by opening the .html file directly in the browser. The possible problem could be you havent set the path for your css file correctly.

Refer http://www.w3schools.com/html/html_css.asp

or try inline code for testing that your changes are seen properly.

If there is cache problem try open in incognito window

tricky way:
1) open your html file at local host on the browser.
2) now press Shift+ctrl+J to open the console.
3) now you'll find 'Source' option (right-side of console option) at the top of new window.
4) click 'source' option and then you''l find your folder having all the .html, .css, .js, .php files available at local host.
5) open the appropriate file (what you what to edit) and modify it.
6) press ctrl+S to save your modification. now you will see the changes.(according to your modification)

CristiC
  • 22,068
  • 12
  • 57
  • 89
Shubham Jain
  • 31
  • 6