How to Force a Refresh in Google Chrome

This one is for all the developers who are still pulling their hair out because they can’t get Google Chrome to refresh the page.

I’m thinking that this mostly applies to sites that have an ‘expires-header’ set, but I could be wrong. Regardless of what the core issue is – you just want to refresh the damn page, so let’s get right to it.

Forcing Chrome to Refresh a Page

Step One – Open Up Dev Tools (ctrl + shift + i) or hit f12.

chrome dev tools bar


Next, click on the ‘network’ icon inside the dev tools bar, then look for the gear at the bottom right of the dev tools.

chrome network settings gear icon

You are so close to solving this nightmare now. Click that gear icon and you’ll be presented with a bunch of options (many of which are supremely cool, but let’s not worry about all of that now).

disable cache option in chrome dev tools

Click the ‘Disable cache’ box under the Network heading – on the right side of the page.

Reload the page -¬†Hallelujah! You’ve just refreshed your cache for this page.