VS Code Edge调试器页面重载自动切Sources面板问题求助

这绝对不是正常现象，这种打断调试流程的情况确实很恼人，我给你几个经过验证的解决方法：

1. 跳过React内部文件的调试断点 #

VS Code的调试器可能会因为React开发模式下的内部代码触发暂停，即使你没手动加断点。你可以在调试配置文件launch.json里添加skipFiles配置，让调试器忽略这些内部文件：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "msedge",
      "request": "launch",
      "name": "Launch Edge against localhost",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/src",
      "skipFiles": [
        "<node_internals>/**",
        "node_modules/react-dom/**/*.js",
        "node_modules/react/**/*.js"
      ]
    }
  ]
}

这个配置会让调试器跳过Node内部文件和React的核心库文件，避免自动停在injectGlobalHook.js或react-dom.development.js这类文件上。

2. 让Edge记住默认打开Console面板 #

默认情况下，通过VS Code启动调试时，Edge可能会使用临时用户数据目录，导致面板偏好不被保存。你可以指定固定的用户数据目录，让Edge记住你偏好的面板：
在launch.json里添加userDataDir字段：

"userDataDir": "${workspaceFolder}/.vscode/edge-user-data"

设置后，手动打开Edge开发者工具并切换到Console面板，关闭开发者工具。下次启动调试时，Edge会自动恢复到你上次关闭时的面板状态。

3. 检查VS Code调试扩展的设置 #

打开VS Code的设置（快捷键Ctrl+,），搜索Debugger for Microsoft Edge相关设置，看看有没有类似“Auto Open Sources Panel”的选项，如果有，将其关闭。

额外验证：确认所有断点相关设置都关闭 #

虽然你说已经关闭了断点，但再检查一遍：

• 在VS Code的“运行和调试”面板里，确认“断点”列表里没有启用的断点（灰色是禁用状态，蓝色是启用）
• 在Edge开发者工具的Sources面板里，点击右上角暂停按钮（⏸️）旁边的下拉箭头，确保“Pause on uncaught exceptions”和“Pause on caught exceptions”都没有被勾选
• 检查Edge的“Settings”里的“Debugger”选项，确保没有自动暂停的设置

按照这些步骤操作后，页面重载时应该就不会自动跳转到Sources面板，而是保持在Console面板了。

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