web-dev-qa-db-ja.com

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

リンクをクリックすると新しいウィンドウで開くHTML5アプリケーションがあります。起動するためにネットワーク通信をログに記録するたびにShift + Iを押すのが少し面倒ですいつも必要なので。起動時に開発者ツールを常に有効にしておくオプションを見つけることができませんでした。

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

205

更新:

時間が変わったので、 この答えのように--auto-open-devtools-for-tabsを使用できるようになりました - Wouter Huysentruit 5月18日11時08分

OP:

私は実行時にChromeのスタートアップ文字列で遊んだが、それを新しいタブに固執させることができなかった。
また、Promptから呼び出すことができる定義済みのPATHメソッドについても考えました。これはSendKeysコマンドでも可能ですが、これも新しいインスタンスでのみ可能です。そしてDevToolsは新しいタブに固執しません。

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

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

73
Chiperific

開発者ツールウィンドウにフォーカスがある状態で開発者ツールを開くときに、次のキーを押します。 F1。これにより設定ページが開きます。 「ポップアップのDevToolsを自動的に開く」をチェックしてください。

これは私のために働きました。

Screenshot

140
Saint

このためのコマンドラインスイッチがあります:--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

61
David

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

open -a "Google Chrome" --args --auto-open-devtools-for-tabs
17
Erin Mills

Chrome DevToolsの設定で有効にします。

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

14

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

7
Yehia

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

4
George Griffin

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

  1. 右クリック - >検査 - >ソース(タブ)

  2. あなたの権利に向かって「一時停止スクリプト実行ボタン」があるでしょう The button highlighted in the image directed by this link is the script execution button which can be paused or played as per necessity.Try it Yourself

それが役立つことを願っています!平和

  • P.S:これは初めてです。2回目以降は、開発ツールが自動的にロードされます。
1
Harish

Visual Studio内でこれを実行したいという方は、この Code Project の記事を参考にしてください。引数ボックスに "--auto-open-devtools-for-tabs"を追加するだけです。 2017年に動作します。

1
Ron Rebennack

Visual Studio Code(vscode)を使用している場合は、非常に一般的なvscodeクロムデバッグ拡張機能( https://github.com/Microsoft/vscode-chrome-debug )を使用して起動設定ファイルlaunch.jsonを設定できます。デバッグセッション中に開発者ツールを開くように指定します。

これが私のReactプロジェクトに使うlaunch.jsonです。

{
  "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
Vincent DAGOURY