当我将鼠标悬停在某个页面上的某个视觉元素上时,它会被调整大小。我知道这是通过jQuery
完成的,并且负责此操作的实际代码已启用
application.js
文件中的第815-820行。
但是要知道这一点,我花了5分钟来分析和调试JS。
如果我只是将鼠标悬停在这个元素上并得到一个弹出窗口(application.js:815
)
我的问题有解决办法吗?或者可能有更简单的方法来了解JS的哪些部分负责哪些用户交互?
谢谢!
答案 0 :(得分:1)
我不知道与集成开发人员工具相比,更好的与JS代码交互的工具。您可以做些什么来帮助调试与DOM交互的代码是设置DOM断点:
在元素标签上,右键单击一个元素并选择 Break on ... ,在您的情况下,它应该是属性修改。现在每次JS代码更改该元素的属性时,它都应该中断并允许您轻松调试它。
答案 1 :(得分:0)
我刚刚通过“谷歌搜索”发现了这一点,Google Chrome中已经有一个调试器