This seems like this would be an issue affecting many Drupal and web developers - I'd love to hear your feedback and guidance. Is this type of fix a good idea in general? So, my question is - is there a solution to make the browser refresh style.css every time? If not, where is style.css being called? I can't find the call anywhere (I'm using 5.5 with a modified Zen template). For exampe, appending the date to the style.css like style.css?version1-18-08. Appending a meaningless variable to the end of the call to style.css would force the browser to reload the page since it thinks it's a new css file that the browser doesn't have cached.

I've searched the forums here and haven't turned up any definite ways to force the browser to refresh it's cache. In the DOM Tree you can see that an inline style declaration was applied to the element. Add A Background Color To Me Click element.style near the top of the Styles tab. And for every visitor that tells us about our 'broken' site, I can imagine how many aren't and are just surfing elsewhere. Right-click the Add A Background Color To Me text below and select Inspect. Clearing the browser's cache fixes it but it's unrealistic to explain to every customer to do that and in the mean time our site looks broken and unprofessional. It can be found in the 'Network' tab, it's a checkbox labeled 'Disable Cache'.The changes we make to our website sometimes break the site when our customers look at it because their browser has style.css cached from the previous time they've visited. In there, tick the box: 'Disable cache (while DevTools is open)' Like I said, there are much more complicated solutions that are more dynamic, but in testing purposes this method is top (IMO).Įasiest way I've found is in Chrome DevTools settings.Ĭlick on the gear icon (or 3 vertical dots, in more recent versions) in the top-right of DevTools to open the 'Settings' dialog. Or, Hold down Command, Shift and click the ‘R’ key.

To force refresh Google Chrome on Mac: Hold down Shift and click the reload/refresh button. However, while the images are reloaded, the JS and CSS files are not loaded. To force refresh Google Chrome on Windows: Hold down Ctrl and click the reload/refresh button. This way, the query string will be new every single time. It is known that using shift + ctrl + R can be used to force chrome browser to reload the page instead of reading from cache. If you're using php or another server-side language, you can do this automatically with time(). There are much more complicated solutions, but a very easy, simple one is just to add a random query string to your CSS include.

If you have problems reloading css/js files, open the inspector Updated as stated by in the comments (and many confirmed)Ĭhrome changed behavior.

Chrome force refresh of css file