Wie konfiguriert man Visual Studio Code-Debugger, um Chrome Canary zu verwenden?

Question

Ich arbeite an mehreren Projekten gleichzeitig, und für eine von ihnen möchte ich Chrome Canary verwenden, um meine Anwendung in Visual Studio Code zu debuggen.

so für stabile Chrome ich habe

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

Gibt es eine einfache Möglichkeit, in launch.json konfiguriert Chrome Canary auf einem separat Debug-Port (9223 zum Beispiel) zu verwenden, so würde ich in der Lage sein zu verwenden, Chrome Stable mit dem Debugging-Port 9222 für alle anderen Dinge?

Answer 1

Sie können die Eigenschaft runtimeExecutable verwenden, um den Pfad zu der Chrome-Version anzugeben, mit der Sie testen möchten. In Verbindung mit runtimeArgs können Sie einen anderen Debugging-Port für diese Konfiguration angeben. Mit der configurations-Eigenschaft in launch.json können Sie ein Array mit Konfigurationen angeben.

Ich habe nicht an VS-Code selbst sah, so kann dies nicht bestätigen, aber es gibt einige nützliche Informationen hier: https://github.com/Microsoft/vscode-chrome-debug

aktualisieren Sie eine Umgebungsvariable Pfad anstelle eines absoluten Pfad verwenden können.

In Eingabeaufforderung, so etwas wie dies versucht, die Umgebungsvariable zu erstellen:

${env.CHROME_PATH}/chrome.exe 

Check out https://code.visualstudio.com/Docs/editor/tasks#_variable-substitution für mehr:

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

In der Konfigurationsdatei kann der Pfad so referenziert wird Einzelheiten.

Answer 2

Für mich eine funktionierende Version für Chrome Canary war

{ 
     "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/" 
}