VS code的Debugger For Chrome插件使用草稿

配置例子

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:8081/LearningWeb",
      "webRoot": "${workspaceRoot}"
    }
     // {
    //   "name": "Launch index.html (disable sourcemaps)",
    //   "type": "chrome",
    //   "request": "launch",
    //   "sourceMaps": false,
    //   "file": "D:/wamp64/www/LearningWeb/index.html"
    // } 
  ]
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

前面是有web服务器支持的，项目文件需要放在web服务器下后面的是静态项目，直接用file访问，无需web服务器

其实这个插件我感觉没什么用，直接用chrome就好了。

后记：当调试其他浏览器兼容性时，发现ie的调试不好用，这时候该插件就派上用场了

编辑

上次更新: 2024/09/01, 23:56:56

← WebAssembly 初探 vscode配置同步及拓展批量离线安装→