在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然后在那里放置断点并刷新页面，看看它是否到来。 我在许多库中看到过这样的问题，因为它们对代码流有一些误解。

希望这些步骤有所帮助