The Chrome DevTools can disable the cache. 

 1. **Right-click** and choose `Inspect Element` to open the DevTools. Or use the following [keyboard shortcuts](https://developers.google.com/web/tools/chrome-devtools/shortcuts):
   - <kbd>F12</kbd>
   - <kbd>Command</kbd>+<kbd>Option</kbd>+<kbd>i</kbd> on Mac
   - <kbd>Control</kbd>+<kbd>Shift</kbd>+<kbd>i</kbd> on Windows or Linux
 1. **Click** `Network` in the toolbar to open the network pane.
 1. **Check** the `Disable cache` checkbox at the top.

![screenshot of development tools panel][1]

Keep in mind, as a [tweet][2] from [@ChromiumDev](https://twitter.com/chromiumdev) stated, this setting is **only active while the devtools are open**.

Note that this will result in _all_ resources being reloaded. Should you desire to disable the cache only for some resources, you can [modify the HTTP header](https://stackoverflow.com/questions/11532636/how-to-prevent-http-file-caching-in-apache-httpd-mamp) that your server sends alongside your files.

If you do not want to use the `Disable cache` checkbox, a long press on the refresh button **with the DevTools open** will show a menu with the options to `Hard Reload` or `Empty Cache and Hard Reload` which should have a similar effect.

![long press](https://i.sstatic.net/QAtRy.jpg)

  [1]: https://i.sstatic.net/Grwsc.png
  [2]: https://twitter.com/ChromiumDev/status/227356682890670080