新しいタブ/新しいウィンドウが開いたときにChromeデベロッパーツールを自動的に開く

リンクをクリックすると新しいウィンドウで開くHTML5アプリケーションがあります。ネットワーク通信をログに記録してデベロッパーツールを起動するたびに、Shiftキーを押しながらIキーを押すことに少し疲れています。起動時に開発者ツールを常に有効にするオプションを見つけることができませんでした。

Chromeで新しいウィンドウを開いたときに自動的に開発者ツールを開く方法はありますか？

更新2：

この回答を参照してください。-2019-11-05

デベロッパーツールを開いた場所から開いていた場合、ポップアップでデベロッパーツールを自動的に開くこともできます。たとえば、Dev Toolsを開いておらず、ポップアップが表示された場合、Dev Toolsでは開きません。ただし、Dev Toolsを開いてから何かをクリックすると、ポップアップにDev-Toolsが自動的に開きます。

更新：

時間は変わりました。この回答のように--auto-open-devtools-for-tabsを使用できるようになりました – Wouter Huysentruit 5月18日11:08

OP：

実行時にChromeの起動文字列をいじってみましたが、新しいタブに永続化できませんでした。
また、プロンプトから呼び出すことができる定義済みのPATHメソッドについても考えました。これはSendKeysコマンドで可能ですが、これも新しいインスタンスでのみ可能です。また、DevToolsは新しいタブに保持されません。

Googleプロダクトフォーラムを閲覧していますが、Chromeでこれを行うための組み込みの方法はないようです。キーストロークソリューションを使用するかF12、上記のように使用する必要があります。

機能としてお勧めします。私も最初ではないことを知っています。

開発者ツールウィンドウをフォーカスした状態で開発者ツールを開くときに、を押しF1ます。設定ページが開きます。「ポップアップのDevToolsを自動的に開く」を確認してください。

これでうまくいきました。

これにはコマンドラインスイッチがあります。 --auto-open-devtools-for-tabs

したがって、Google Chromeのプロパティには、次のようなものを使用します。

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

ここに便利なリンクがあります： chromium-command-line-switches

Macの場合：Chromeを終了し、ターミナルウィンドウで次のコマンドを実行します。

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

有効にするChrome DevTools設定で：

[ネットワーク]-> [DevToolsの下のログを保持]-> [ポップアップ用のDevToolsを自動で開く]

F12はCtrl + Shift + Iよりも簡単です

デベロッパーツールウィンドウが表示されている状態で、メニューアイコン（右上にある縦に並んだ3つの点）をクリックし、[ 設定]をクリックします。

[ 開発ツール]で、[ 開発ツールをポップアップで自動開く ]オプションをオンにします

私は同様の解決策を探してここに来ました。新しいタブからのページロードのクロム出力を本当に見たかった。（私の場合のフォーム送信）私が実際に使用した解決策は、フォーム送信が現在のタブで発生するようにフォームターゲット属性を変更することでした。ネットワーク要求をキャプチャすることができました。問題が解決しました！

Visual Studio内でこれを行うことを検討している人は誰でも、このコードプロジェクトの記事が役立ちます。引数ボックスに「--auto-open-devtools-for-tabs」を追加するだけです。2017年に動作します。

Visual Studio Code（vscode）を使用している場合、非常に人気のあるvscode chromeデバッグ拡張機能（https://github.com/Microsoft/vscode-chrome-debug）を使用して、起動構成ファイルをセットアップできます。launch.jsonを、開発ツールを開く指定デバッグセッション。

これはlaunch.json、私のReactプロジェクトで使用します。

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

重要なラインは "runtimeArgs": ["--auto-open-devtools-for-tabs"],

vscodeからと入力できるようになりF5、Chromeはアプリとコンソールタブも開きます。

うん、あなたがそれを行うことができる方法があります

1. 右クリック->検査->ソース（タブ）

2. あなたの権利に向かって「一時停止スクリプト実行ボタン」があります

お役に立てば幸いです！

• PS：これは初めてです。2回目以降、開発ツールは自動的にロードされます

--auto-open-devtools-for-tabsコマンドラインからChromeを実行するときにフラグを 使用する

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

https://developers.google.com/web/tools/chrome-devtools/open#auto

右下隅F12にある[Chrome]のDev Tools を新しいウィンドウで開きclicking three, vertical dots、を選択しますOpen as Separate Window。