JavaScript调试中可在断点暂停时直接修改运行数据：在Scope面板编辑变量值、Console执行赋值语句、Watch触发副作用、对DOM或全局对象设属性断点后精准改值，所有修改即时生效并参与后续执行。
在 JavaScript 项目中，利用浏览器断点动态篡改运行数据，核心不是“绕过逻辑”，而是“在可控暂停中干预真实执行流”。关键在于找准可修改的上下文、理解变量生命周期，并用 DevTools 提供的原生能力安全赋值——不依赖 console.log 或临时 patch，而是让修改即时生效并参与后续计算。
在 Scope 面板里直接编辑局部/闭包变量
断点命中后，右侧 Scope 面板会列出 Local、Closure、Global 等作用域。其中：
- 简单类型（字符串、数字、布尔值）可双击变量值直接输入新内容，回车即生效，后续单步执行会使用该值
- 对象或数组需点击右侧「✎」图标展开编辑，支持修改属性值、增删键，但不能重赋整个引用（如把 obj = {} 改成 obj = null 会失败）
- 闭包变量只在 Closure 条目下可见，必须把断点设在闭包函数体内（比如 setTimeout 回调、Promise.then），才能看到并修改被捕获的外层变量
在 Console 中执行赋值语句覆盖当前环境
断点暂停时，Console 处于当前执行上下文，所有局部变量、this、参数均可读写：
- 输入 user.name = "test" 可立即更新对象属性，后续代码读取的就是新值
- 输入 count = 999 可重置计数器，适合跳过循环次数限制或绕过条件判断
- 若要替换整个函数逻辑，可重新定义：getData = () => Promise.resolve({mock: true})，后续调用将走新实现
用 Watch 表达式触发副作用修改
Watch 面板不仅用于观察，还能执行带副作用的表达式：
- 添加表达式 window.__debug = true; "debug mode on"，分号分隔，前半部分赋值，后半部分作为显示值
- 输入 localStorage.setItem("token", "fake-jwt") || "token set"，既修改持久化数据，又在 Watch 中看到确认信息
- 注意：Watch 中的赋值仅在当前断点暂停期间有效，刷新页面即失效；如需长期生效，应配合 Console 或 Live Expression
对 DOM 或全局对象设属性断点后精准改值
当目标数据挂在 window、document 或全局 store 上，且被多处修改难以追踪时：
- 右键 Sources 面板中的 window.myConfig → Add property breakpoint → 选 Write，触发时自动停在改值那行
- 停住后，在 Console 中直接赋新值：myConfig.apiBase = "https://mock.dev"
- 按 F8 继续，后续所有使用 myConfig.apiBase 的请求都会走新地址，相当于热切换环境
