VS Code Chrome调试器断开后如何保留Chrome标签页？

可以实现断开调试后Chrome标签页保持打开，只需在你的launch.json配置中添加一个参数：

• 在配置对象里加入 "autoAttachChildProcesses": false

修改后的完整配置如下：

{
      "name": "Attach to Chrome",
      "port": 9222,
      "request": "attach",
      "type": "chrome",
      "urlFilter": "http://127.0.0.1:8080/*",
      "webRoot": "${workspaceRoot}/apps/client/src",
      "autoAttachChildProcesses": false
}

原理说明 #

这个参数控制调试器是否自动附加到目标页面的子进程，设为false时，调试器断开连接不会触发Chrome关闭标签页的行为——因为调试器未关联页面进程的生命周期，断开后页面进程会独立保留。

另外需要确认：

• 启动Chrome时的--remote-debugging-port=9222参数保持不变，这是attach模式的运行前提
• 调试时直接attach到已打开的Chrome标签页，而非通过调试器启动新页面

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