Old CSS file rendering

Question

I have been building an ASP.NET MVC 5 project for a few days, and mainly playing around with the CSS file. However, all of a sudden, the CSS file which is being use to display the HTML in a browser has reverted to an old version.

In BundleConfig.cs, I have:

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

And the ~/Content/site.css file has been incrementally updated over the last few days, with the changes being observed in the HTML when I run the program from Visual Studio.

But today, I noticed that the rendered HTML is suddently entirely different. When I View Source in Firefox, in the <head> tag it shows:

<link href="/Content/site.css" rel="stylesheet"/>

as would be expected. But if I click on the link to this CSS file from this source file, then it displays the contents from a very old CSS file from a few days ago. I have checked multiple times that the file at Content/site.css is indeed my new version, and not this old version. I have tried cleaning, rebuilding, restarting Visual Studio etc., but none of these make a difference.

This is very strange - any ideas on what I might to do try to figure out what's going on?

Thanks!

Are you working on this using any kind of version management system like SVN or GIT? If not, try clearing your browser cache and loading it up again. — Timothy Groote
– Timothy Groote, Commented Apr 30, 2014 at 14:42
Ah, restarting my browser a couple of times did the trick! Thanks - I had tried this before and it didn't work, but it just needed a few restarts. Simple! Thanks! — Karnivaurus
– Karnivaurus, Commented Apr 30, 2014 at 14:56
fYI Pressing Ctrl+r will refresh all the browser files from the server. — KevDevMan
– KevDevMan, Commented Apr 30, 2014 at 19:13

Rickless · Accepted Answer · 2018-11-23 15:29:40Z

5

This problem, most of the times, is related to the browser cache, what you need to do is to force the browser to reload the page and load the cache again.

For Google Chrome:
Launch the Developer tools/inspector window by pressing Ctrl + Shift + I, and then right click on the refresh button, a context menu will appear, click on Empty cache and hard reload

For Firefox (Tested on Developer Edition) Click Ctrl + r or hold Ctrl and then press F5.

I had the same problem as yours, pressing Ctrl + r solved the problem for me, as I'm using Firefox Developer Edition.

answered Nov 23, 2018 at 15:29

Rickless

1,4553 gold badges19 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Old CSS file rendering

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related