Dubgger для Chrome в Visual Studio Код

Question

Я пытаюсь отладить программу JavaScript на хроме, но она не работает.

Детали:

• ОС: Windows 10.
• IDE: Visual Studio Code.

• конфигурации Debugger (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

мне удалось понять это, вот детали. мне пришлось перенастраивать файл Джейсон следующим образом:

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

] 

}

Примечания: Для того, чтобы использовать функции отладки из Visual Studio кодекса, вам необходимо обновить браузер после того, как вы запустили файл HTML.