Dubgger für Chrome in Visual Studio Code

Question

Ich versuche, ein JavaScript-Programm auf Chrom zu debuggen, aber es funktioniert nicht.

Details:

• OS: Windows 10.
• IDE: Visual Studio-Code.

• Debugger-Konfiguration (json):

  { 
  
  "version": "0.2.0", 
  "configurations": [ 
  
  { 
  
      "name": "Launch Chrome against localhost, with sourcemaps", 
      "type": "chrome", 
      "request": "launch", 
      "url": "http://localhost:8080", 
      "sourceMaps": true, 
      "webRoot": "${workspaceRoot}" 
      }, 
      { 
      "name": "Attach to Chrome, with sourcemaps", 
      "type": "chrome", 
      "request": "attach", 
      "port": 9222, 
      "sourceMaps": true, 
      "webRoot": "${workspaceRoot}" 
      } 
      ] 
  } 
  

Answer 1

ich es geschafft, um es herauszufinden, hier sind die Details. Ich hatte die JASON-Datei neu zu konfigurieren, wie folgt:

{ 
"version": "0.2.0", 
"configurations": [{ 
     "name": "Launch Client Side", 
     "type": "chrome", 
     "request": "launch", 
     "file": "${workspaceRoot}/file_name.html", 
     "sourceMaps": true, 
     "webRoot": "${workspaceRoot}" 
    }, 
    { 
     "name": "Launch Server Side", 
     "type": "chrome", 
     "request": "launch", 
     "url": "http://localhost/mypage.html", 
     "sourceMaps": true, 
     "webRoot": "wwwroot" 
    } 

] 

}

Hinweis: Um die Debug-Funktionen von Visual Studio-Code zu verwenden, müssen Sie den Browser aktualisieren, nachdem Sie die HTML-Datei gestartet.