VSCode中如何启用JavaScript调试器的实验性Network View？配置后未显示

以下是几个可能的问题点及解决方法：

• 先确认实验性功能已开启
  Network View是实验性功能，默认未启用，需要手动开启：

  1. 打开VSCode设置（快捷键Ctrl+,或Cmd+,）
  2. 搜索debug.experimental.networkView，勾选启用该选项
  3. 重启VSCode生效

• 检查Node版本和启动参数

  • Node版本必须是v20.11.0以上或者v22及更高，旧版本不支持网络检查API
  • 使用launch配置启动时，可在代码中加入console.log(process.argv)，验证--experimental-network-inspection是否确实传递给了Node进程
  • 如果是attach模式，启动Node时除了加--experimental-network-inspection，还得加上调试参数--inspect或--inspect-brk，完整启动命令应为：

    node --experimental-network-inspection --inspect index.js
    

• 确认调试会话类型
  目前Network View仅支持Node.js调试会话，确保你启动的是对应的调试配置（比如你配置里的「Launch Program」），不要选错其他类型的调试器

• 调试会话活跃后再查看标签
  启动调试后，切换到左侧调试面板（快捷键Ctrl+Shift+D）查看底部标签栏，Network标签需要在调试会话运行且程序产生网络请求时才会显示，你可以在代码中添加一个简单的HTTP请求进行测试

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