It is a unique string appended to the path of the. So, we can hack this through an approach called Cache Busting. We cannot even ask them to go for a hard refresh of the page. The user either has to clear the browser cookie & reload the page or else he or she has to do a hard refresh of the page by pressing Ctrl+F5.īut, we cannot ask each and every user to clear the cookie of their browser. css files. That is the reason those new changes will not appear to the user. When the user accesses the URL, it will take the cached. js files have been cached in the browser. css files and move them to a production environment, those changes may not get reflected in the browser of the customer who is using our software. Option 2: Hold the Ctrl key and click the Refresh button.Whenever we do some modification to the existing. Option 2: Hold down Ctrl and Shift and R (Windows) or Cmd and Shift and R (Mac) Option 1: Hold Ctrl and press the F5 key (Windows) or Shift and click the Reload button (Mac) Option 2: Hold down Ctrl and press F5 (Windows) or Cmd and Shift and R (Mac) Option 1: Hold down Ctrl and click the Reload button (Windows) or Shift and click the Reload button (Mac)

Below are some instructions for how to do this in various browsers. Sometimes a hard refresh of your browser (as opposed to a standard refresh) is necessary to really clear out the old file. Hello It definitely sounds like your old version is being cached, and and are correct in their suggestions. Then you can git push it to github and be rest assured that it will be like what you saw in your local desktop. You make your changes on your local desktop, and see what the website looks like by opening index.html. Another way of doing this is by using Git. The solution to this is by going to your browser settings and reset cache and cookies. It is not GitHub’s fault, instead it is your browser. When I first started using GitHub pages, I also had the same experience. I’m pretty new to web development, so please excuse me if I’m missing something obvious. This problem seems to have many causes and fixes, but none have worked for me, so that’s why I’m asking here. Just to be clear: the CSS file is updated on GitHub, but the actual website does not use the updated file. It has been about 1 hour since I pushed the last changes, and it still doesn’t load the new CSS file. I tried making changes to the HTML file, and that works perfectly, but the CSS file still stays behind and loads an old version. The problem is that whenever I push new files on GitHub, the CSS files do not update on the site. I’m using GitHub Pages for my website at this specific site.

Chrome force refresh of css file