在DevTools中达到JavaScript库中的断点的问题

Question

我需要在Chrome DevTools中调试javascript库（在本例中为KendoUI源文件），我在其缩小文件和经过美化的文件中都放置了一些断点，但是通常这些断点不会执行，尽管代码正在执行。

我还在所需的功能中使用了debugger，但它仍然没有进入调试模式。 我尝试了事件侦听器断点，通过这种方法，jQuery库已进入调试模式，但是当我再次执行下一个功能（F10键）时，调试器将永远不会进入KendoUi源文件，并且仍然没有断点自动工作。

=>关键是当我进入（按F9键）代码并逐步执行流程时，它将导致到达kendoUI源文件，并且可以调试提到的功能。

**问题是每次都花太多时间来跟踪整个流程。

 //this is the function in kendoUI that I need to debug.

_unselect: function(e) {
            debugger;
            return e.removeClass(d),
            this.options.aria && e.attr(l, !1),
            e
        }

我需要找到一种方法来使用断点直接调试KendoUi或任何其他js库中的特殊代码行，而不是介入之前发生的所有事情。 任何帮助将不胜感激。

Answer 1

我多次遇到这样的问题，而我的解决方法如下。

继续使用F9键，直到到达_unselect，然后在此处放置断点并刷新页面，看看它是否在那里。我在许多库中都遇到过这样的问题，因为那里的代码流有些误解。

希望这些步骤有所帮助。