常時使っているわけではないけれど、必要にな時には頻繁に使うブラウザのデベロッパーツールの話です。

macOS Sonoma 上で確認していますが、他OSでも概ね同じだと思います。

デフォルトの設定では新規タブを開いた際に自動では有効化されません。

Google Chrome で新しいタブで DevTools を自動的に開く

--auto-open-devtools-for-tabs オプションを付与して起動します。

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

もしくは

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

重要なポイント: このフラグは、最初に開いた Chrome インスタンスでのみ機能します。

既に Chrome が起動していると効きません。毎回終了するのが面倒なのでもう少し何とかしたいところです。

Google Chrome の Beta版を併用する

通常の Chrome とは別アプリケーションとして起動する必要があるので、Beta版をインストールします。

Beta版の方をオプション付与して起動する事で、既存のChromeに影響を与えず利用できます。ですが毎回コマンドを打つのは億劫なので何とかしたいです。

Automator を利用し、オプションを付与した状態でアプリケーションとして起動できるようにします。

"アプリケーション" を選択します。

"シェルスクリプトを実行" にオプションを付与した起動コマンドを記述します。

open -a "Google Chrome Beta" --args --auto-open-devtools-for-tabs 'https://www.google.com/'

作成した .app を開くと、既存 Chrome が起動している状態でも、 Chrome(Beta版)をデベロッパーツールが常に有効な状態で起動できます。

デベロッパーツールの設定でできないものかと思いましたが、無いようです。設定項目にある “Auto-open DevTools for popups” はポップアップに対する挙動の設定であり、新規タブに対してではありません。

Edge や Firefox も新規タブを開いた際に自動有効化が行えます。開発版も公開されています。

リモートデバッガーを有効化し、マルチプロセスモードを使うとタブ追加時も追従します。