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
    5 More HTML5 APIs You Didn’t Know Existed

    The HTML5 revolution has provided us some awesome JavaScript and HTML APIs.  Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers.  Regardless of API strength or purpose, anything to help us better do our job is a...

  • By
    Being a Dev Dad

    I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...

Incredible Demos

  • By
    jQuery Countdown Plugin

    You've probably been to sites like RapidShare and MegaUpload that allow you to download files but make you wait a specified number of seconds before giving you the download link. I've created a similar script but my script allows you to animate the CSS font-size...

  • By
    jQuery Link Nudging

    A few weeks back I wrote an article about MooTools Link Nudging, which is essentially a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout. Here's how to do it using jQuery: The jQuery JavaScript It's important to keep...

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!