前端调试方法

方法一：代码里写 debugger 语句（最推荐、企业中最常用） 直接在代码里加一行 debugger：

保存后 HMR 自动生效，点击按钮时 Chrome 会自动暂停到这一行，等同于打了断点。调试完删掉就行。

方法二：console.log + Chrome Console（快速排查） 方法三：Chrome DevTools 直接搜文件（比手动翻目录快） F12 → Sources → Cmd+P（Mac）/ Ctrl+P（Windows）→ 输入 agent-detail-page → 直接打开文件打断点。这是搜索快捷键，不需要手动展开目录树。

方法四：VS Code 调试器直连 Chrome（企业级标准配置） 在 VS Code 中按 F5 或创建 .vscode/launch.json：

然后直接在 VS Code 编辑器里点行号打断点，调试体验和后端一样。

企业中的排序：debugger 语句 > VS Code 调试器 > console.log > Chrome Sources 搜文件 > 手动翻目录（几乎没人这样做）。