如何使用外部调试器调试VS Code WebView中的JavaScript代码？

当然可以，VS Code的WebView基于Chromium内核，完全支持用Chrome等外部调试工具调试其中的JavaScript代码，具体操作步骤如下：

• 启动VS Code时添加远程调试参数：
  在终端执行 code --remote-debugging-port=9222（Windows系统若未将code加入环境变量，需用VS Code安装路径下的Code.exe执行该命令）
• 打开Chrome浏览器，访问地址 chrome://inspect
• 在页面中点击「Configure」按钮，将 localhost:9222 添加到目标列表
• 打开需要调试的WebView页面，稍等片刻后，Chrome的inspect页面会识别出对应的WebView进程，点击「inspect」即可打开Chrome开发者工具，像调试普通网页一样调试WebView内的JS代码、检查DOM结构或网络请求

注意事项 #

• 确保WebView已开启脚本支持：创建WebView时需配置 enableScripts: true
• 若你是开发VS Code扩展中的WebView，不要在配置中禁用devTools，默认状态下WebView的devTools是允许访问的

内容的提问来源于stack exchange，提问作者crashtua