是否有可以显示正在执行IS的Google Chrome扩展程序?

时间:2014-01-16 13:02:00

标签: javascript jquery google-chrome-extension

当我将鼠标悬停在某个页面上的某个视觉元素上时,它会被调整大小。我知道这是通过jQuery完成的,并且负责此操作的实际代码已启用 application.js文件中的第815-820行。

但是要知道这一点,我花了5分钟来分析和调试JS。 如果我只是将鼠标悬停在这个元素上并得到一个弹出窗口(application.js:815

,那就太棒了

我的问题有解决办法吗?或者可能有更简单的方法来了解JS的哪些部分负责哪些用户交互?

谢谢!

2 个答案:

答案 0 :(得分:1)

我不知道与集成开发人员工具相比,更好的与JS代码交互的工具。您可以做些什么来帮助调试与DOM交互的代码是设置DOM断点:

元素标签上,右键单击一个元素并选择 Break on ... ,在您的情况下,它应该是属性修改。现在每次JS代码更改该元素的属性时,它都应该中断并允许您轻松调试它。

答案 1 :(得分:0)

我刚刚通过“谷歌搜索”发现了这一点,Google Chrome中已经有一个调试器

Here's a link