Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否有一个Google Chrome扩展可以显示正在执行的JS？_Javascript_Jquery_Google Chrome Extension - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 是否有一个Google Chrome扩展可以显示正在执行的JS？

Javascript 是否有一个Google Chrome扩展可以显示正在执行的JS？

javascript jquery google-chrome-extension

Javascript 是否有一个Google Chrome扩展可以显示正在执行的JS？,javascript,jquery,google-chrome-extension,Javascript,Jquery,Google Chrome Extension,当我将鼠标悬停在页面上的某个可视元素上时，它的大小会被调整。我知道这是通过jQuery完成的，负责这项工作的实际代码是on application.js文件中的第815-820行 但为了了解这一点，我花了5分钟分析和调试JS。 如果我将鼠标悬停在这个元素上，就会看到一个弹出窗口（application.js:815） 我的问题有什么解决办法吗？或者也许有更简单的方法来知道JS的哪些部分负责哪些用户交互 谢谢 我只是通过“谷歌搜索”一点点就发现了这一点，Google Chrome中已经有一个调试器

当我将鼠标悬停在页面上的某个可视元素上时，它的大小会被调整。我知道这是通过
jQuery
完成的，负责这项工作的实际代码是on 
application.js
文件中的第815-820行

但为了了解这一点，我花了5分钟分析和调试JS。 如果我将鼠标悬停在这个元素上，就会看到一个弹出窗口（
application.js:815
）

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

谢谢

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

我不知道还有比集成开发人员工具更好的与JS代码交互的工具。可以帮助调试与DOM交互的代码的方法是设置DOM断点：

在元素选项卡上，右键单击一个元素并选择断开…，在您的情况下，它应该是属性修改。现在，每次JS代码更改该元素的属性时，它都会中断并允许您轻松调试它。

Chrome开发工具->源->事件侦听器断点和/或配置文件->收集JavaScript CPU配置文件？谢谢Rob！我不知道！