Open a Browser Tab with DevTools Open by Default

By  on  

Using command line flags is a great way to subtly improve productivity. Whether saving yourself keystrokes or enabling specific features, it's very much worth knowing the application flags available to you.

To launch a new tab with DevTools in Chrome, you can use the --auto-open-devtools-for-tabs command line flag:

/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary --auto-open-devtools-for-tabs https://davidwalsh.name

Having the DevTools console immediately launch when opening a new tab can be very helpful, if only to avoid needing to complete the keyboard shortcuts every time you launch a tab. If you're an uber-nerd like me, you're never not in developer mode!

Recent Features

  • By
    Vibration API

    Many of the new APIs provided to us by browser vendors are more targeted toward the mobile user than the desktop user.  One of those simple APIs the Vibration API.  The Vibration API allows developers to direct the device, using JavaScript, to vibrate in...

  • By
    Create Namespaced Classes with MooTools

    MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does.  Many developers create their classes as globals which is generally frowned up.  I mostly disagree with that stance, but each to their own.  In any event...

Incredible Demos

  • By
    Adding Events to Adding Events in MooTools

    Note: This post has been updated. One of my huge web peeves is when an element has click events attached to it but the element doesn't sport the "pointer" cursor. I mean how the hell is the user supposed to know they can/should click on...

  • By
    Web Audio API

    The Web Audio API allows developers to load and decode audio on demand using JavaScript.  The more I evaluate awesome games for Firefox OS TVs, the more I get to learn about these APIs that I normally wouldn't touch.  The following is a very basic introduction to the WebAudio API...

Discussion

  1. zakius

    having to use chromium would greatly overweight the tiny benefit of having dev-tools auto open effectively making everything much worse

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!