CSS not updated during debugging ASP.NET MVC application

Question

I am working on a test application based on ASP.NET MVC. I am new to CSS stuff so I am learning that as well.

I have created a master page called "new.master" and created a new css "new.css". I am calling the view from controller as:

return View ("About", "new");

What I am doing is that I am frequently updating the css and master page. So I run the application in debug mode frequently. After sometime I stop seeing the effect of changes in css. When I "view source" in chrome and check the css, it shows an old version.

When I change the name of both master page and css, I start to receive updated views but that works for sometime and then again I stop getting the CSS updates. Have you faced this problem? How can I fix it? (Its terribly annoying!)

Answer 1

Your browser is caching the css. If you force a refresh with F5 that should display any changes.

Answer 2

It's very possible that css is being cached in your browser, so simply clearch browser cache, it should help

Answer 3

I think this may be a browser cache issue. In in IE and FF I usually do Ctrl + F5 or Ctrl + Refresh button. Also you can manually clear the cache. For IE you can use the IE Dev Toolbar and for Firefox there is Firebug with both you can clear the cache easily. Not sure about chrome, sorry.