Revisions to Disabling Chrome cache for website development

Fixed the Mac shortcut

Source Link

edit approved Jul 22, 2022 at 2:21

Brhaka

1.7k
3
14
32

The Chrome DevTools can disable the cache.

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

Click Network in the toolbar to open the network pane.
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.

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

Click Network in the toolbar to open the network pane.
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.

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

Click Network in the toolbar to open the network pane.
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

edited Mar 3, 2021 at 18:59

Steve

26.3k
2
36
43

The Chrome DevTools can disable the cache.

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

Click Network in the toolbar to open the network pane.
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.

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

Click Network in the toolbar to open the network pane.
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.

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

Click Network in the toolbar to open the network pane.
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

edited Feb 23, 2021 at 23:56

Steve

26.3k
2
36
43

The Chrome DevTools can disable the cache.

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

Click Network in the toolbar to open the network pane.
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.

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

Click Network in the toolbar to open the network pane.
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.

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

Click Network in the toolbar to open the network pane.
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

edit approved Oct 17, 2019 at 19:12

Community Bot

1
1

Loading

add shortcuts and explain reload options

Source Link

edited Oct 24, 2018 at 19:05

Steve

26.3k
2
36
43

Loading

update shortcuts for windows/mac

Source Link

edited Oct 24, 2018 at 18:57

Steve

26.3k
2
36
43

Loading

mentioned the option to disable the cach selectively for some files

Source Link

edit approved May 19, 2018 at 6:08

Nearoo

5.1k
3
32
43

Loading

added 39 characters in body

Source Link

edited Jan 10, 2018 at 16:14

Steve

26.3k
2
36
43

Loading

image caption

Source Link

edit approved Jul 12, 2017 at 22:02

mymedia

625
9
27

Loading

add hotkey

Source Link

edit approved Apr 1, 2017 at 9:10

Victor Yon

1.9k
2
24
41

Loading

ticks instead of quotes and some bold

Source Link

edited Mar 16, 2016 at 18:24

Steve

26.3k
2
36
43

Loading

update screenshot

Source Link

edited Oct 27, 2015 at 0:10

Paul Irish

49.7k
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

edited Oct 20, 2015 at 16:59

Steve

26.3k
2
36
43

Loading

added 105 characters in body

Source Link

edited Oct 20, 2015 at 14:50

Greg Gum

38.8k
46
183
269

Loading

simplify the answer

Source Link

edited Apr 12, 2015 at 23:08

Paul Irish

49.7k
23
106
136

Loading

the gear is on the "top" right. As depicted in the images

Source Link

edit approved Feb 23, 2015 at 20:48

user4386053

Loading

network panel disable cache shortcut wtih image

Source Link

edited Jul 30, 2014 at 19:01

Steve

26.3k
2
36
43

Loading

Remove info from out of date version of Chrome

Source Link

edited Apr 20, 2014 at 16:35

mikemaccana

126.1k
113
441
544

Loading

Changed the image so you can see faster that it's only intended when devtools are open

Source Link

edit approved Jan 27, 2014 at 20:03

edi9999

20.7k
15
98
136

Loading

added 4 characters in body

Source Link

edited Apr 1, 2013 at 19:07

Steve

26.3k
2
36
43

Loading

added 301 characters in body

Source Link

edited Jul 23, 2012 at 15:34

Steve

26.3k
2
36
43

Loading

updated for chrome updates

Source Link

edited May 16, 2012 at 16:18

Steve

26.3k
2
36
43

Loading

updated to add mac shortcut

Source Link

edited Mar 5, 2012 at 16:26

Steve

26.3k
2
36
43

Loading

added 157 characters in body

Source Link

edited Jan 26, 2012 at 0:56

Steve

26.3k
2
36
43

Loading

Source Link

answered Aug 9, 2011 at 18:20

Steve

26.3k
2
36
43

Loading

Collectives™ on Stack Overflow

Return to Answer