如何在Firefox调试器中实现JS函数参数等于特定值时触发断点

面对数百万行JS代码的复杂站点，不需要逐行扒代码、不需要改动线上业务源码，就能实现“任意函数收到指定值作为入参时自动中断执行”的效果，常见的可落地手段如下：

方案1：优先用DevTools原生能力（性能最优，零代码改动） #

这是Chromium内核浏览器（Chrome、Edge）原生提供的专属调试功能，专门解决这类“找特定值最终被哪个函数消费”的问题，完全是为这种大型项目调试场景设计的：

• 先在任意能触达目标值的代码执行节点，打个临时断点让程序暂停，在Scope（作用域变量列表面板）里找到你要监视的那个特定值的变量
• 右键这个变量，选择 Break when value passed into function
• 之后不管程序继续执行到哪个节点，只要任意函数把这个值作为入参传入，DevTools会立刻中断运行，你可以直接在Call Stack（调用栈）面板看到接收这个参数的目标函数的完整文件位置和源码上下文。
• 匹配逻辑做了分层适配：如果监视的是字符串、数字这类原始类型，会自动匹配所有值完全相等的入参；如果监视的是对象、数组这类引用类型，会自动匹配同内存地址的入参，不会出现无意义的误匹配。

方案2：轻量插桩脚本兜底（找不到值初始位置时用） #

如果目标值是在业务流程深处生成的、很难快速找到第一次出现的位置，就用DevTools的Snippets功能注入一段不侵入业务的轻量脚本，拦截所有函数的入参传递逻辑，命中目标值就触发断点：

// 替换成你要监视的特定值
const TARGET_PARAM = "你的目标值";
// 拦截所有函数的apply/call调用，匹配入参特征
const rawApply = Function.prototype.apply;
const rawCall = Function.prototype.call;
Function.prototype.apply = function(thisCtx, args) {
  if (args && Array.from(args).some(item => Object.is(item, TARGET_PARAM))) {
    debugger;
  }
  return rawApply.call(this, thisCtx, args);
};
Function.prototype.call = function(thisCtx, ...args) {
  if (args.some(item => Object.is(item, TARGET_PARAM))) {
    debugger;
  }
  return rawCall.call(this, thisCtx, ...args);
};

• 这段脚本的性能开销极低：因为只重写了显式的apply/call调用逻辑，日常直接执行fn()的函数调用走JS引擎原生优化路径，完全不会被拦截，百万行级别的项目跑起来不会出现明显卡顿。

• 不要为了定位目标函数去遍历所有全局对象上挂载的方法逐一打debugger，数百万行代码的遍历开销会直接导致页面卡死
• 就算项目做了代码压缩、混淆，断点命中后DevTools会自动关联SourceMap映射回原始源码，不需要对着压缩后的乱码代码排查
• 如果目标值是动态生成的、没法提前写死在脚本里，可以调整拦截逻辑，只要入参匹配固定特征（比如字符串带指定前缀、对象带固定属性）就触发断点。

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