リンクをクリックすると新しいウィンドウで開くHTML5アプリケーションがあります。起動するためにネットワーク通信をログに記録するたびにShift + Iを押すのが少し面倒ですいつも必要なので。起動時に開発者ツールを常に有効にしておくオプションを見つけることができませんでした。
Chromeで新しいウィンドウを開くと自動的に開発者ツールを開く方法はありますか?
更新:
時間が変わったので、 この答えのように--auto-open-devtools-for-tabsを使用できるようになりました - Wouter Huysentruit 5月18日11時08分
OP:
私は実行時にChromeのスタートアップ文字列で遊んだが、それを新しいタブに固執させることができなかった。
また、Promptから呼び出すことができる定義済みのPATHメソッドについても考えました。これはSendKeysコマンドでも可能ですが、これも新しいインスタンスでのみ可能です。そしてDevToolsは新しいタブに固執しません。
Googleプロダクトフォーラムを参照して、Chromeでこれを行うための組み込みの方法はないようです。キーストロークソリューションを使用する必要があります F12 上記のように。
機能としてお勧めします。私も私が最初ではないことを知っています。
このためのコマンドラインスイッチがあります:--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より簡単です
私はここに来て同様の解決策を探していました。私は本当に新しいタブからページロードのためのクロム出力を見たかったです。 (私の場合はフォーム送信)実際に使用した解決策は、フォーム送信が現在のタブで行われるようにフォームターゲット属性を変更することでした。ネットワーク要求をキャプチャすることができました。問題が解決しました!
Visual Studio内でこれを実行したいという方は、この Code Project の記事を参考にしてください。引数ボックスに "--auto-open-devtools-for-tabs"を追加するだけです。 2017年に動作します。
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はあなたのアプリとコンソールタブを開きます。