Chrome调试器/断点停在错误的行

时间:2016-12-09 15:04:25

标签: google-chrome google-chrome-devtools breakpoints

从版本0.47开始,我在chrome开发人员工具中的断点在技术上会停在正确的行,但在源代码面板上显示不同。 在实际断点和蓝色选定线之间总会有1或2行换档。这使得调试非常困难,因为它从未正确显示,是否有人听说过解决方案?

if(true){
  this.anyfunction();
  debugger;
  var toto = 10;
  toto ++;
}

在这个例子中,源代码中第一个选中的蓝线是toto ++,而如果你在toto上添加一个监视,则toto将是未定义的,这就是为什么我认为断点被正确命中,但是有一个显示问题。

2 个答案:

答案 0 :(得分:0)

你的表情是否跨越多条线?例如:

var x = 1 +
        2 +
        3 +
        4 +
        5;

众所周知,这会导致不稳定的行为。当我在第一行设置断点然后运行脚本时,DevTools会在第4行暂停。

解决方案:在表达式上方的行上设置断点。

答案 1 :(得分:0)

我也遇到了同样的问题,在chrome中更改检查工具设置后,它工作正常。

  1. 点击检查工具右上角的三个点图标,然后选择设置。 (要么) 点击F1。
  2. 取消选中“首选项”中“源”下的启用JavaScript源映射复选框。
  3. 现在一切正常...