Opening a Browser with DevTools Open by Default

By Saransh Kataria
Development

While automating some parts of my development workflow, I was wondering if there was a way of opening a browser with DevTools open by default. This would save me a few clicks and small tweaks like this are always helpful.

And it turns out that it is possible! All I needed was a command-line flag to be passed in when opening Google Chrome.

- Advertisement - 
/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary --auto-open-devtools-for-tabs https://wisdomgeek.com

The –auto-open-devtools flag opens the browser tab for the URL with the DevTools open. Having the devtools open up by default can be handy and you can also use this for your web development workflows!

Previous articleHow to create a UUID in JavaScript
Next articleDetecting element causing CSS overflow

Recent Articles

How to sort a Set in JavaScript

JavaScript Saransh Kataria - 0
ES6 introduced the set data structure in JavaScript. But sets are not ordered abstract data structures. So there is no .sort() property...
Read more

Debugging CSS scroll using one simple style

Web Development Saransh Kataria - 0
I have been doing a lot of complicated front-end work off lately and that always brings me back to the class conundrum...
Read more

CSS :has a parent selector now

Web Development Saransh Kataria - 0
CSS now includes a :has selector that allows us to apply styles on the basis of what is happening inside an element....
Read more

How to fix “invalid active developer path” after MacOS update

Development Saransh Kataria - 0
If you are here, then you are getting an "invalid active developer path" error on running commands in the terminal after a...
Read more

Getting the value of an input element as a number without parseInt

JavaScript Saransh Kataria - 0
Every once in a while, you come across something and you think, how did I not know this earlier? valueAsNumber is that thing...
Read more

Related Stories

Development

How to fix “invalid active developer path” after MacOS update

Saransh Kataria - 0
If you are here, then you are getting an "invalid active developer path" error on running commands in the terminal after a...
Read more
Development

How to write more readable JavaScript conditionals

Saransh Kataria - 0
One of the practices of clean code is to make it more readable. And a fairly common use case in code bases...
Read more
Development

How to terminate a process on a port using the command line

Saransh Kataria - 0
Zombie processes are usually a pain to figure out. More often than not, I end up googling about how to terminate a...
Read more
Development

How to permanently remove a file from Git history

Saransh Kataria - 0
We all make mistakes sometimes. Pushing files that contain some secrets or sensitive information to a Git repository is fairly common. And...
Read more
Development

Installing Intel-based packages using Homebrew on the M1 Mac

Saransh Kataria - 2
I recently got the new Apple Silicon Mac (aka the M1 mac), and that means having to deal with the pain points...
Read more
Development

Machine Learning Misconceptions That Software Developers Have

Pranshu Aggarwal - 0
There has been a rapid advancement in technology and machine learning in the past decade. This has been accompanied by accelerated and...
Read more

Leave A Reply

Please enter your comment!
Please enter your name here

Hi there! Want some more knowledge?

Think that the knowledge shared is helpful? You might want to give our mailing list a try. We'll send you 2-4 emails a month, right when new posts come out.

© Wisdom Geek. All Rights Reserved.