2014-01-16 19 views
2

当我将鼠标悬停在页面上的某个可视元素上时,它将被调整大小。我知道这是通过jQuery完成的,并且负责此操作的实际代码位于文件中的 行815-820行。有没有可以显示JS正在执行的Google Chrome扩展程序?

但知道这个我花了5分钟分析和调试JS。 这将是真棒,如果我只是悬停在这个元素,我得到一个弹出(application.js:815

有没有解决我的问题?或者也许有更简单的方法来知道哪些部分的JS负责哪些用户交互?

谢谢!

+0

Chrome开发工具 - >来源 - >事件监听器断点和/或配置文件 - >收集JavaScript CPU配置文件? –

+0

感谢罗!不知道! – yaru

回答

1

我不知道一个更好的工具与JS代码比集成交互开发者工具。你可以做什么来帮助与DOM的交互是设置断点DOM调试代码:

元素选项卡,右键单击元素并选择...休,你的情况应该是属性修改。现在,每次JS代码更改该元素的属性时,它都会中断并允许您轻松调试它。

0

我刚刚发现这只是“google搜索”一点点,已经有谷歌浏览器调试

Here's a link

相关问题