查找在浏览器中调试JavaScript的侦听器的最快方法是什么?

象征

背景:

我经常发现自己在不熟悉的代码库中调试网页上的一段Java脚本,而且经常看到许多开发人员和编码方法。有时我什至不使用什么技术,例如。角度等

我第一次需要处理Java脚本的时候是特定行为出乎意料(即它出了错)。

问题:哪种工具提供最快的途径来识别导致问题的代码的入口点?

示例:我在页面上有一个html元素,可以说一个按钮。单击该按钮后,我希望在服务器上看到一个http请求。元素可以通过多种方式与其Java脚本侦听器关联。例如JQuery,第三方脚本(如挖空工具),内部脚本等。

使用开发人员工具,我可以在浏览器中开始调试它,但前提是我已经知道要在其中放置断点的入口点。

是否有比基于直觉对页面代码进行正则表达式搜索和猜测工作以查找可能附加到该特定元素的方法更快的找到入口点的方法?

雅各布

对我来说,最好的起点是Chrome开发人员工具。您可以:

  1. 在元素选项卡中选择一个元素
  2. 在元素树的右侧,单击“事件侦听器”选项卡。
  3. 找到您要调试的事件(如click
  4. 单击超链接以调出事件侦听器的代码,并设置断点。有时,您必须单击“格式代码”按钮(看起来像{ })才能多行获取代码,以便可以管理断点。
  5. 单击该按钮,您将击中断点,使您可以逐步执行代码,添加监视变量等。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Google Chrome浏览器中清除缓存和Cookie的最快方法是什么?

来自分类Dev

浏览器中的Chrome.socket侦听器

来自分类Dev

浏览器中的Chrome.socket侦听器

来自分类Dev

Google Chrome浏览器中的标签之间最快的通讯是什么?

来自分类Dev

Reactor中侦听器的主题是什么?

来自分类Dev

勇敢的浏览器的事件侦听器/.getElementById问题

来自分类Dev

使用 JavaScript 的事件委托设置删除事件侦听器的有效方法是什么

来自分类Dev

ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

来自分类Dev

在此动画侦听器中执行回调的最佳方法是什么?

来自分类Dev

在文件浏览器中打开文件浏览器到当前目录的最实用方法是什么?

来自分类Dev

浏览器中的Javascript调试工具

来自分类Dev

使用javascript在IE浏览器的新选项卡中打开URL的最佳方法是什么?

来自分类Dev

清除浏览器缓存的正确方法是什么?

来自分类Dev

Googlemaps侦听器在Firefox中可以正常加载,但在其他浏览器中则无法加载

来自分类Dev

字形在Chrome浏览器中是什么意思?

来自分类Dev

字形在Chrome浏览器中是什么意思?

来自分类Dev

Safari浏览器中的“高度:内在”是什么?

来自分类Dev

Google Chrome浏览器中的createPeriodicWave()的参数是什么?

来自分类Dev

Chrome浏览器中的“检查元素”功能是什么?

来自分类Dev

浏览器中与CTRL + L相反的命令是什么?

来自分类Dev

Windows 10中的HTML5 / Javascript Universal Apps使用的浏览器引擎是什么?

来自分类Dev

在支持JS的浏览器中包含CSS的最佳方法是什么?

来自分类Dev

在Ubuntu中制作Web浏览器的最佳方法是什么?

来自分类Dev

在Ubuntu中处理密码的最佳方法是什么(应用程序+浏览器插件)

来自分类Dev

推荐的Confluence浏览器是什么?

来自分类Dev

Ubuntu的主要浏览器是什么?

来自分类Dev

浏览器对整洁的支持是什么?

来自分类Dev

如何在Firebug中调试事件侦听器?

来自分类Dev

添加或删除 ViewTreeObserver 侦听器的正确位置是什么?

Related 相关文章

  1. 1

    在Google Chrome浏览器中清除缓存和Cookie的最快方法是什么?

  2. 2

    浏览器中的Chrome.socket侦听器

  3. 3

    浏览器中的Chrome.socket侦听器

  4. 4

    Google Chrome浏览器中的标签之间最快的通讯是什么?

  5. 5

    Reactor中侦听器的主题是什么?

  6. 6

    勇敢的浏览器的事件侦听器/.getElementById问题

  7. 7

    使用 JavaScript 的事件委托设置删除事件侦听器的有效方法是什么

  8. 8

    ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

  9. 9

    在此动画侦听器中执行回调的最佳方法是什么?

  10. 10

    在文件浏览器中打开文件浏览器到当前目录的最实用方法是什么?

  11. 11

    浏览器中的Javascript调试工具

  12. 12

    使用javascript在IE浏览器的新选项卡中打开URL的最佳方法是什么?

  13. 13

    清除浏览器缓存的正确方法是什么?

  14. 14

    Googlemaps侦听器在Firefox中可以正常加载,但在其他浏览器中则无法加载

  15. 15

    字形在Chrome浏览器中是什么意思?

  16. 16

    字形在Chrome浏览器中是什么意思?

  17. 17

    Safari浏览器中的“高度:内在”是什么?

  18. 18

    Google Chrome浏览器中的createPeriodicWave()的参数是什么?

  19. 19

    Chrome浏览器中的“检查元素”功能是什么?

  20. 20

    浏览器中与CTRL + L相反的命令是什么?

  21. 21

    Windows 10中的HTML5 / Javascript Universal Apps使用的浏览器引擎是什么?

  22. 22

    在支持JS的浏览器中包含CSS的最佳方法是什么?

  23. 23

    在Ubuntu中制作Web浏览器的最佳方法是什么?

  24. 24

    在Ubuntu中处理密码的最佳方法是什么(应用程序+浏览器插件)

  25. 25

    推荐的Confluence浏览器是什么?

  26. 26

    Ubuntu的主要浏览器是什么?

  27. 27

    浏览器对整洁的支持是什么?

  28. 28

    如何在Firebug中调试事件侦听器?

  29. 29

    添加或删除 ViewTreeObserver 侦听器的正确位置是什么?

热门标签

归档