How to use Google Chrome Dev Tools

Follow

This short tutorial is to show how to use Google Chrome's built-in developer tools.
This tool is very handy for eliminating caching problems in your Chrome browser, which can happen from time to time.

To start:

On Windows press F12 (or Ctrl + Shift +I)
On Mac press Cmd + Opt + I

You'll have a screen like below:
Now click the "three vertical dots" and click settings
Note: on older Chrome versions, it appears as a Cog

Under General, put a tick in "Disable cache (while DevTools is open)

 

Now type the website you wish to visit. When the site loads, it won't be using the cached content in your browser.

If you want to clear the cache completely for the site, you can by clicking and holding the reload button on the top left:

 

Have more questions? Submit a request

Comments

Powered by Zendesk