VSCode WSL Remote下Chrome Debugger启动Windows版Chrome的配置问题咨询

数据老陈

2026-5-13

针对你WSL Remote下Chrome调试的问题，我来逐一解答：

是的，这是VSCode Remote模式的默认设计：当你处于WSL Remote开发环境时，Chrome Debugger扩展默认会运行在远端的WSL Linux环境中，所以它会优先查找Linux版本的Chrome，这个行为是符合预期的。

你提到的两种方案都可行，但更推荐用remote.extensionKind强制扩展在本地（Windows端）运行，原因如下：

方案一：设置runtimeExecutable为chrome.exe
这种方式需要你指定Windows Chrome的完整WSL映射路径（比如/mnt/c/Program Files/Google/Chrome/Application/chrome.exe），但容易遇到路径映射问题——比如WSL里的项目文件路径，Chrome在Windows端打开时需要手动转换，可能导致断点无法关联到正确的文件，调试体验不稳定。
方案二：用remote.extensionKind强制扩展在UI端运行
这是更彻底的解决方案，让Chrome Debugger直接在Windows本地运行，自动调用本地的Chrome，同时VSCode会自动处理WSL和Windows之间的文件路径映射，断点能正常工作。
你只需要在工作区的.vscode/settings.json（或全局设置）中添加：
```
{
  "remote.extensionKind": {
    "msjsdiag.debugger-for-chrome": "ui"
  }
}
```
配置后，即使WSL里没有安装Linux版Chrome，扩展也会自动找到Windows端的Chrome，不需要额外设置runtimeExecutable（除非你的Chrome安装路径非默认）。