319

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

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

4

15 に答える 15

289

開発ツールウィンドウをフォーカスした状態で開発ツールを開いたら、を押しF1ます。設定ページが開きます。「ポップアップ用にDevToolsを自動開く」をチェックします。

これは私のために働いた。

スクリーンショット

于 2016-07-14T05:37:12.970 に答える
111

更新2：

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

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

アップデート：

時間が変更され、この回答のように--auto-open-devtools-for-tabsを使用できるようになりました– WouterHuysentruit5月18日11:08

OP：

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

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

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

于 2012-12-06T16:00:48.980 に答える
107

これにはコマンドラインスイッチがあります。--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

于 2016-04-30T16:33:01.723 に答える
34

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

open -a "Google Chrome" --args --auto-open-devtools-for-tabs
于 2017-07-26T14:12:04.283 に答える
22

Chrome DevTools設定で、以下を有効にします。

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

于 2017-11-03T19:45:53.527 に答える
17

[開発者ツール]ウィンドウが表示されている状態で、メニューアイコン（右上隅にある3つの縦のドット）をクリックし、[設定]をクリックします。

設定

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

設定内容

于 2020-01-23T05:24:31.963 に答える
9

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

于 2012-10-25T09:04:44.953 に答える
7

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はアプリとコンソールタブも開きます。

于 2019-01-27T08:33:26.000 に答える
6

2021年の回答：

  1. 開発者ツールを開きます（WindowsではCTRL + SHIFT + I）
  2. 「歯車」アイコンをクリックします。新しい設定ウィンドウが表示されます。

設定

  1. 「ポップアップ用のDevToolsを自動開く」が「設定」セクションに追加されました。

実際の場所

于 2021-11-05T09:45:18.227 に答える
4

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

于 2015-01-04T22:09:03.417 に答える
4

Visual Studio内でこれを実行しようとしている人は、このCodeProjectの記事が役に立ちます。引数ボックスに「--auto-open-devtools-for-tabs」を追加するだけです。2017年に動作します。

于 2018-01-23T19:50:37.757 に答える
4

--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

于 2020-04-14T15:01:51.847 に答える
1

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

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

  2. あなたの右に向かって「スクリプト実行の一時停止ボタン」があります このリンクで指示された画像で強調表示されているボタンは、必要に応じて一時停止または再生できるスクリプト実行ボタンです。自分で試してみてください

お役に立てば幸いです！

  • PS：これは初めてです.2回目以降、開発ツールは自動的にロードされます
于 2016-03-29T15:03:39.287 に答える
-2

ドックビュー設定を開いて、必要に応じてウィンドウを調整できます。スクリーンショットを添付。

Dock_view_seetings

于 2021-11-17T04:42:14.580 に答える
-6

右下隅にあるF12新しいウィンドウで開発ツール（Chromeの場合）を開き、を選択できます。clicking three, vertical dotsOpen as Separate Window

于 2018-05-25T16:07:52.580 に答える