How to disable your browser cache

Browser cache continues to be an issue when editing websites, since it's storing an older version of the page.

To have a better editing experience, you can disable caching in your browser. Here's how...

When you're in Google Chrome, click on View, then select Developer, then Developer Tools.

Developer Tools In Mac Navigation Menu

Alternatively, you can right click on a page in Chrome, then click Inspect.

Inspect on Google Chrome shortcut menu

Click on the Network tab, then check the box to Disable cache.

Disable Cache in Google Chrome Developer Tools

You can then close out of Developer Tools.

Bear in mind that this "Disable cache" will affect every single web page you browse. So you may want to turn it off (uncheck the box) when you're done editing.

  1. Open a new window or tab in Firefox.
  2. Type about:config in the address bar.
  3. Search for “cache” in the search bar and look for network.http.use-cache in the filtered results.
  4. Double-click it will toggle it from “true” to “false”. Default should be “true”.