如何调试粘贴到Firefox开发者工具控制台的JavaScript代码？

完全可以调试，给你几个实用方法：

• 用控制台多行输入加断点：
  粘贴代码前，按Shift+Enter切换到多行输入模式，把代码逐行粘贴进去，然后点击代码左侧的行号（和调试器里加断点操作一致），直接给目标行加断点，运行代码后就会触发暂停，匿名函数里的行也能这么操作。

• 强制触发debugger（解决代码执行过快问题）：
  如果加了debugger;没生效，大概率是代码瞬间执行完了，还没等调试器捕获到。把整个代码包进setTimeout延迟执行，留足时间切换到调试器标签：

  setTimeout(() => {
    // 这里放你的大段代码，包括匿名函数
    debugger; // 放在需要暂停的位置
  }, 1000); // 延迟1秒，足够你切换到调试器
  

  运行后赶紧切到调试器，等1秒就会触发断点。

• 用Sources面板的Snippets功能（最适合大段代码）：

  1. 打开开发者工具的Sources标签，找到左侧的Snippets面板；
  2. 右键新建一个snippet，把你的代码粘贴进去；
  3. 直接在代码行左侧点击加断点，然后右键选择Run执行；
     这种方式下，代码会被存在调试器里，断点、单步调试都和页面自带代码一样方便，匿名函数的内容也能直接定位到。

• 给匿名函数临时命名（方便定位）：
  如果是立即执行的匿名函数，比如(() => { /* 代码 */ })()，可以改成临时赋值给变量再执行：

  const tempFunc = () => {
    // 原匿名函数代码，这里可以加debugger或断点
  };
  tempFunc();
  

  这样调试器里能直接看到tempFunc这个函数，更容易找到对应的代码块。

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