无法在 Chrome 开发人员工具中的 if else 语句处设置断点答案

【问题标题】：Cannot set breakpoint at if else statement in Chrome developer tool无法在 Chrome 开发人员工具中的 if else 语句处设置断点
【发布时间】：2018-01-22 08:41:34
【问题描述】：

在旧版chrome中，我可以在if else语句处设置断点来查看if条件下object的值。

但是当将chrome升级到最新版本时，我现在不能这样做。断点是自动放置在 if 块内。调试困难，如果要在 if else 语句处调试，必须放置两个断点

我的源代码没有缩小或截断其他任何内容。

【问题讨论】：

你能提供一个不起作用的代码示例吗？我可以在具有if 语句的行上设置断点并查看该值。有时源映射会导致调试器在不同的行设置断点。请参阅我的工作示例i.imgur.com/zamosZp.png
我也不能，尽管我正在调试 TypeScript 而不是 vanilla JavaScript，尽管这在以前的版本中也有效。非常令人沮丧。

标签： google-chrome debugging google-chrome-devtools breakpoints

【解决方案1】：

对于 Chrome 67，一种解决方法是您需要单击 name.js 文件中的同一行来设置断点。相应的 name.ts 文件中会自动添加一个断点。这有点尴尬，但至少让你停在 if 语句上。

【讨论】：