如何在Chrome开发工具中查看Backbone特定的事件监听器？

Question

我查看了之前的question并浏览了Event Listeners选项卡，然后单击了Framework Listeners复选框，但它仍然没有显示Backbone监听器。

Answer 1

在Chrome开发者工具中，您可以使用“来源”下的Event Listener Breakpoints面板来突破某些事件，例如click：

然后，您可以单步执行代码并按照调用堆栈确定可能存在的问题。如果您发现自己进入外部库代码，可以右键单击它以将其黑盒化：

或者，下面有一篇很好的博客文章，展示了在返回原始Backbone trigger函数的结果之前写出堆栈跟踪并覆盖Backbone trigger函数以注入跟踪函数的技术：http://lifeinvistaprint.com/techblog/debugging-backbone-chrome/

我最近在我的博客上记录了这种用于一般调试的技术： https://gideonpyzer.com/blog/debugging-javascript-by-redefining-functions/

还有一个Backbone Debugger Chrome Extension，可能对您有用。