CSS - why my browsers can't reflect any changes made on the server?

681
November 25, 2016, at 11:02 PM

I was working on some CSS code and then suddenly the server stopped reflecting any changed made on the server. At first I thought it was a caching problem but I disabled caching on my browser and even tried using different browsers but still it's using the old version of my CSS file.

If I download my CSS file from the server and open in the text editor, it shows all the changes I made to the code but they don't reflect on my website at all. The site is using old version of the CSS file that doesn't even exist anymore on the server.

What on Earth is happening with my server? Can it be a router caching problem?

Answer 1

I can't answer this but try to add in your html, where you include the css this: ?v1.

Example: src="resources/yourDir/style.css?v1"

This will force everything to download the new css.

You can add after the ? everything you want. Like a timestamp, just a number or words. Whatever you like.

Answer 2

Try hard refreshing your browser one more time then check. (ctrl+shft+r) for hard refresh.

READ ALSO
Bad layout and wrapping on simple Bootstrap page

Bad layout and wrapping on simple Bootstrap page

I am trying to create a simple Bootstrap page that has four input fields each with a side buttonThe four input fields to be in a line horizontally and centered across the screen

653
navigation tabs with changing icon image

navigation tabs with changing icon image

I am trying to make tab navigation with changing image icon, I tried to do it with angular ng-show & ng-hid for icon images but the result was flickeringIs there any easier way to do it?enter image description here

595
Fixed element out of screen on mobile

Fixed element out of screen on mobile

I am developing a widget which could be embedded into the page as an iframe (iframe will be injected and styled via javascript)Iframe should be placed in bottom right corner

663
in html Showing site step by step guide line navigation technical name

in html Showing site step by step guide line navigation technical name

I am seeing so many site are using step by step guide line to show their site's features or newly added controlsBy clicking on next button its navigate and show detail in popover/tooltip

398