VSCode调试Edge浏览器无需旧版扩展，关键在启用Microsoft Edge Tools扩展、安装Chromium内核Edge，并正确配置launch.json中"type":"pwa-msedge"、"url"（http/https协议）和"webRoot"字段。
VSCode 调试 Edge 浏览器不需要装旧版 Debugger for Edge 扩展，也不用改系统默认浏览器——关键在 launch.json 配置和两个前提条件：Edge 已安装、Microsoft Edge Tools for VS Code 扩展已启用。
确认 Edge 和调试扩展是否就绪
先检查两件事，否则后续配置全白搭：
- 打开终端执行
which msedge（macOS/Linux）或where edge（Windows），确保能返回 Edge 可执行路径；没返回说明没装或不在 PATH，得手动填路径 - 在 VS Code 扩展市场搜
ms-edgedevtools.vscode-edgedevtools，确认已安装且状态为「已启用」；旧版Debugger for Edge已废弃，禁用它 - Edge 浏览器本身需是 Chromium 内核版本（2021 年后所有正式版都满足），不用额外开远程调试端口（
--remote-debugging-port=9222）
launch.json 必须写对的三处字段
项目根目录下 .vscode/launch.json 的配置不是模板粘贴就能用，这三个字段错一个，F5 就打不开 Edge 或断点不命中：
Smart Ledger
下载
智能收支追踪器 — 通过自然语言快速记账，自动分类，生成日/周/月报告和趋势分析。 支持中文自然语言输入("今天午饭花了35元")，数据本地JSON存储保护隐私。 适用于个人财务管理、预算追踪和消费分析场景。
-
"type": "pwa-msedge"：必须是这个值，不是edge、chrome或pwa-edge（后者已弃用） -
"url"：必须是http://或https://协议地址，不能是file://；如果本地服务跑在localhost:5173（Vite）、localhost:3000（React），这里就得严格匹配 -
"webRoot"：推荐写"${workspaceFolder}"，但如果源码在子目录（如src/），且用了构建工具（Webpack/Vite），可能需要配合sourceMapPathOverrides映射，否则断点显示为未绑定
调试启动失败的典型现象和对应解法
点 F5 后 Edge 没反应、页面空白、断点灰色、控制台报错——这些不是随机问题，基本对应以下几类原因：
- Edge 启动但页面 404：检查
url地址是否可手动在浏览器中访问；若不行，说明开发服务器根本没运行，VS Code 不会自动帮你npm run dev - 断点灰色/不命中：确认 JS 文件有 source map（
.map文件存在且被加载），并在launch.json中加"sourceMaps": true；Vue/React 项目还要检查构建配置里devtool是否设为source-map或eval-source-map - 地址栏左上角没小虫图标 ✅：说明调试协议未连上，大概率是
ms-edgedevtools扩展没启用，或 Edge 正在以「用户数据目录隔离模式」运行（比如开了多个 Edge 窗口且用了不同配置文件） - Mac 上提示「已损坏，无法打开」：这是 macOS Gatekeeper 限制，右键 Edge 应用 → 「打开」绕过一次即可，之后 VS Code 就能正常拉起
附加模式（attach）比 launch 更适合已有页面
如果你已经手动打开了 Edge 并访问了目标页面（比如测试环境 URL、Office 加载项、或 iframe 嵌套页），用 launch 反而会新开窗口，这时该切到 attach 模式：
- 把
"request": "launch"改成"request": "attach" - 删掉
"url"字段，加上"port": 9222（Edge 默认调试端口） - 启动 Edge 时加命令行参数：
msedge --remote-debugging-port=9222 --user-data-dir=/tmp/edge-debug（Linux/macOS）或start msedge --remote-debugging-port=9222（Windows） - 注意：每次 attach 前要确保只有一个 Edge 实例监听 9222，否则会连错进程
真正容易被忽略的是 webRoot 和 source map 路径映射的耦合关系——哪怕 launch.json 语法全对，只要构建产物里的 sources 字段指向的路径和 workspace 不匹配，断点就永远灰色。这不是配置问题，是构建链路和调试链路没对齐。
