Friday, November 9, 2012

Chrome's Hidden 'Empty Cache and Hard Reload" Feature

Sick of having to clear your cache in Chrome while developing? Going through the Chrome option menu takes much too long. There is an easier way!
  1. Open Developer Tools by pressing the F12 key
  2. Click and hold Chrome's reload button
  3. You will get a sub-menu with 3 options
    1. Normal Reload (ctrl + r)
    2. Hard Reload (ctrl + shft+ r)
    3. Empty Cache and Hard Reload (no shortcut unfortunately)
  4. Select the 3rd option and enjoy a fresh page load with the cache cleared all in one simple click


There is also an easy way to clear your cookies:
  1. Open Developer Tools by pressing the F12 key
  2. Click the Network tab
  3. Right click anywhere inside the Network display area
  4. The last 2 options are:
    1. Clear browser cache
    2. Clear browser cookies
Hopefully this makes things even better for your Chrome development!

This write-up was done on Chrome version 22