Skip to main content

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Control+Shift+i
  • Command+Shift+i
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+OptionShift+R on Mac
  • Control+Shift+R on Windows or Linux

long press

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Control+Shift+i
  • Command+Shift+i
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+Option+R on Mac
  • Control+Shift+R on Windows or Linux

long press

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Control+Shift+i
  • Command+Shift+i
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+Shift+R on Mac
  • Control+Shift+R on Windows or Linux

long press

mac windows and linux have same shortcut now
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • CommandControl+OptionShift+i on Mac
  • ControlCommand+Shift+i on Windows or Linux
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+Option+R on Mac
  • Control+Shift+R on Windows or Linux

long press

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Command+Option+i on Mac
  • Control+Shift+i on Windows or Linux
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+Option+R on Mac
  • Control+Shift+R on Windows or Linux

long press

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Control+Shift+i
  • Command+Shift+i
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+Option+R on Mac
  • Control+Shift+R on Windows or Linux

long press

fix sentence
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Command+Option+i on Mac
  • Control+Shift+i on Windows or Linux
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+Option+R on Mac
  • Control+Shift+R on Windows or Linux

long press

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Command+Option+i on Mac
  • Control+Shift+i on Windows or Linux
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options. The following shortcuts are available:

  • Command+Option+R on Mac
  • Control+Shift+R on Windows or Linux

long press

The Chrome DevTools can disable the cache.

  1. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts:
  • F12
  • Command+Option+i on Mac
  • Control+Shift+i on Windows or Linux
  1. Click Network in the toolbar to open the network pane.
  2. Check the Disable cache checkbox at the top.

screenshot of development tools panel

Keep in mind, as a tweet from @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 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. Read about the difference between the options to know which option to choose. The following shortcuts are available:

  • Command+Option+R on Mac
  • Control+Shift+R on Windows or Linux

long press

Clarify that one is to choose ONE of the keyboard shortcuts and not use both f12 and ctrl+shift+i
Source Link
Loading
add shortcuts and explain reload options
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
update shortcuts for windows/mac
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
mentioned the option to disable the cach selectively for some files
Source Link
Loading
added 39 characters in body
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
ticks instead of quotes and some bold
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
update screenshot
Source Link
Paul Irish
  • 49.6k
  • 23
  • 106
  • 136
Loading
you don't really need an extension and opening the dev tools is much easier than installing an extension.
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
added 105 characters in body
Source Link
Greg Gum
  • 38.7k
  • 46
  • 183
  • 269
Loading
simplify the answer
Source Link
Paul Irish
  • 49.6k
  • 23
  • 106
  • 136
Loading
the gear is on the "top" right. As depicted in the images
Source Link
Loading
network panel disable cache shortcut wtih image
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
Remove info from out of date version of Chrome
Source Link
mikemaccana
  • 125.8k
  • 113
  • 439
  • 541
Loading
Changed the image so you can see faster that it's only intended when devtools are open
Source Link
Loading
added 4 characters in body
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
added 301 characters in body
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
updated for chrome updates
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
updated to add mac shortcut
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
added 157 characters in body
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading
Source Link
Steve
  • 26.3k
  • 2
  • 36
  • 43
Loading