Chrome Canaryを使用するためのVisual Studioコードデバッガの設定方法

Question

私は複数のプロジェクトを同時に処理しています。そのうちの1つでは、Chrome Canaryを使用してVisual Studio Codeでアプリケーションをデバッグしたいと考えています。

ので、安定したクロムのために、私は

{ 
     "name": "Launch Chrome", 
     "type": "chrome", 
     "request": "launch", 
     "url": "http://localhost:7246/", 
     "runtimeArgs": [ 
      "--new-window", 
      "--remote-debugging-port=9222" 
     ], 
     "webRoot": "${workspaceRoot}/app/" 
} 

を持っているが、別のデバッグポート（例えば9223）にクロームカナリアを使用するようにlaunch.jsonに設定するための簡単な方法はありますので、私は使用することができるだろう他のすべてのもののためのデバッグポート9222とChromeの安定性？

Answer 1

runtimeArgsと組み合わせて、テストするChromeバージョンへのパスをruntimeExecutableプロパティで指定し、その設定に異なるデバッグポートを指定できるようにする必要があります。 configurationsプロパティーはlaunch.jsonで、構成の配列を指定できます。

私はVSのコードで自分を見ていないので、これを確認することはできませんが、いくつかの有用な情報がここにあります：https://github.com/Microsoft/vscode-chrome-debug

更新は あなたが代わりに絶対パスの環境変数パスを使用することができます。コマンドプロンプトで

、環境変数を作成するために、このような何かをしようとします。configファイルで

set CHROME_PATH=C:/Users/[USER]/AppData/Local/Google/Chrome SxS/Application 

を、パスは次のように参照することができます。

${env.CHROME_PATH}/chrome.exe 

チェックアウトhttps://code.visualstudio.com/Docs/editor/tasks#_variable-substitution多くのため詳細。私にとって

Answer 2

クロムカナリアのための作業バージョンは

{ 
     "name": "Chrome Canary", 
     "type": "chrome", 
     "request": "launch", 
     "url": "http://localhost:7246/", 
     "port": 9223, 
     "runtimeExecutable": "${env.USERPROFILE}/AppData/Local/Google/Chrome SxS/Application/chrome.exe", 
     "runtimeArgs": [ 
      "--new-window", 
      "--remote-debugging-port=9223" 
     ], 
     "webRoot": "${workspaceRoot}/app/" 
}