Блог

Главная - Вопросы по программированию - Несвязанные точки останова с помощью отладчика Chrome JS в VS-коде?

Несвязанные точки останова с помощью отладчика Chrome JS в VS-коде?

#javascript #html #debugging #visual-studio-code #vscode-debugger

Вопрос:

Я просто хочу отладить простой javascript, встроенный в index.html но отладчик на VSCode 1.60.0 не останавливается на критических точках, потому что они несвязаны. Я попробовал это с помощью «[Устаревшего] отладчика для Chrome» и уже активированного плагина «JavaScript Debugger v1.60.1».

запуск.json

 "configurations": [
{
     "type": "pwa-chrome",
     "request": "launch",
     "name": "JS Client Debugger",
     "url": "http://localhost:80/test1/index.html",
     "trace": true
}
//OR
{
     "type": "chrome",
     "request": "launch",
     "name": "Launch Chrome against localhost",
     "url": "http://localhost:80/test1/index.html",
     "webRoot": "${workspaceFolder}",
     "breakOnLoad": true,
     "sourceMaps": true,
     "sourceMapPathOverrides": {
     "*": "${webRoot}/*"
}
}
]

index.html

 <!doctype html>
<html lang="en-us">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Test</title>
</head>
<body>
  <div id="test"></div>
  <script type='text/javascript'>
   ->Breakingpoint  var statusElement = document.getElementById('test');  
  </script>
</body>
</html>

Что я здесь делаю не так?
Спасибо…

Метки: