VS Code无法连接到GoogleChrome进行html调试

Question

我在通过html vscode调试连接到chrome时遇到问题。每次我进入运行菜单并点击“开始调试”或“不调试运行”，谷歌chrome都会打开并显示新选项卡，而不是我正在调试的文件。当我返回vscode时，我发现调用堆栈是空的。我还尝试过使用launch.json文件。我以前从未遇到过这个问题。我能够在没有chrome调试器扩展（现已弃用）的情况下用chrome调试html。我不知道为什么我现在会有这些问题。请有人帮我解决这个问题吗？谢谢。

注意：我最近卸载并安装了最新版本的chrome，还安装了chrome dev。我不知道这是否与此问题有关。

Answer 1

不是对你问题的直接回答，但你可以尝试使用括号-https://brackets.io/

Answer 2

打开html文件，然后运行-

lauch.json

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [            
    {
      "name": "Listen for XDebug",
      "type": "php",
      "request": "launch",
      "port": 9003
    },
    {
      "name": "Launch currently open script",
      "type": "php",
      "request": "launch",
      "program": "${file}",
      "cwd": "${fileDirname}",
      "port": 9003
    },
    {
      "type": "chrome",
      "request": "attach",
      "name": "Attach Chrome",
      "url": "http://localhost/${workspaceFolderBasename}/${relativeFile}",
      "webRoot": "${workspaceFolder}",
      "port": 80,
      "userDataDir": "${workspaceFolder}/.vscode/chrome",
    },
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome",
      "url": "http://localhost/${workspaceFolderBasename}/${relativeFile}",
      "webRoot": "${workspaceFolder}",
      "userDataDir": "${workspaceFolder}/.vscode/chrome",
    },
  ]
}