如何在Google Chrome DevTools的lambda调用中设置断点?

mai*_*mic 12 javascript lambda breakpoints google-chrome-devtools source-maps

我使用启用了JavaScript源地图的Babel和Google Chrome开发者工具.鉴于此代码

function myFunc(elements) {
  return elements
    .map(element => element.value)
    .filter(value => value >= 0);
}
Run Code Online (Sandbox Code Playgroud)

如何在执行lambda函数时暂停执行element => element.value?如果我在.map(element => element.value)它的行设置一个断点,它只会在执行map时暂停,但不会在执行lambda函数时暂停.

mai*_*mic 12

此功能最终可用(至少在Google Chrome 58中).单击要调试的lambda行的行号(此处为第3行).然后通过单击激活lambda中的标记(此处为第二个).此外,我在这里禁用了第一个标记,它会在map通话中暂停(不是lambda):

设置断点

当你的程序运行并命中断点时,它会暂停,你可以检查变量:

在断点处暂停

  • 对我来说也不适用于源映射文件。我转译 React 代码。不过在 Firefox 中运行良好。 (3认同)