在谷歌浏览器中调试

问题描述:

有没有一种方法来调试特定的功能,而不知道它在哪里?在谷歌浏览器中调试

例如,您有一个项目在很多文件上有100 000行代码。要找到一些由某个按钮触发的功能,您需要搜索很长时间,然后才能设置中断点。当我点击按钮自动停止Google Chrome的调试器时,是否有一些工具可以做到这一点?

+0

不确定Chrome,但Firefox在HTML Inspector中的事件监听器元素旁边有一个'ev'按钮。此按钮显示绑定到该元素的所有事件侦听器。 – Xufox

在源选项卡的右侧寻找Event Listener Breakpoints,扩大了鼠标事件,并选择点击事件,Chrome将进入调试模式,每有一个click事件

您可以检查console选项卡上的时间什么触发了你的错误,以及涉及的文件是什么。

下面是一个例子在Chrome:

Chrome console example

在左边,你有(VM998例如)所涉及的文件,相应的线路(3等)。

希望它有帮助。