Opening Developer Tools Automatically

Published: 24 August 2017
on channel: David Donovan

3,450

It took me a while before I learned how to clear the cache, and open Chrome’s developer tools automatically, when starting to debug from within Visual Studio. This has the advantage of capturing the performance data from the beginning point of launching the application.

Let me show you how to do this.

First, within the Tools Options, disable JavaScript debugging for ASP.Net.

Next, click on the “Browse With…” selection."

Then, select Google Chrome, because we are going to copy the program path.

Highlight it and copy it to the clipboard by hitting a control-c.,,,,,,
Now, click the “Add” button.

Next, paste the program path into the program text box.
Type this into the “Arguments” text box:
--auto-open-devtools-for-tabs --disk-cache-dir=null

Then for the Friendly name, enter “Chrome for Development”.

Now if you choose “Chrome for Development” as your browser, then hit F5 you will launch Chrome with the Developer’s tools and clear the cache all at the same time. Another huge productivity gain.

Another quick point. You may also want to select “Disable Cache” on the Network tab.

On this page of the site you can watch the video online Opening Developer Tools Automatically with a duration of hours minute second in good quality, which was uploaded by the user David Donovan 24 August 2017, share the link with friends and acquaintances, this video has already been watched 3,450 times on youtube and it was liked by 9 viewers. Enjoy your viewing!

1,449