相关疑难解决方法(0)

如何使用开发人员工具查找Chrome中按钮/元素运行的代码

我正在使用Chrome和我自己的网站.

我从里面知道的:

1)我有一个表单,人们通过单击此橙色图像按钮注册:

在此输入图像描述

2)我检查它,这就是它的全部: <img class="formSend" src="images/botoninscribirse2.png">

3)在源代码的顶部,有大量的脚本源.当然,我知道按钮调用了哪一个,我编写了它:<script src="js/jquery2.js" type="text/javascript"></script>

4)在该文件中,您可以找到:$(".formSend").click(function() { ... });按钮触发的内容(进行相当复杂的表单验证和提交),我想要的是能够在任何网站上使用chrome dev工具找到它.

我们怎样才能找出元素所在的位置?


听众标签对我不起作用

那么我试着查看点击事件监听器,这对我来说似乎是一个安全的赌注但是...那里没有jquery2.js(我不知道代码是哪个文件所以我浪费时间检查所有这些... .):

在此输入图像描述

$(".formSend").click(function() { ... });jquery2.js文件中的功能不存在.

杰西在他的回答中解释了为什么 :

"最后,你的函数没有直接绑定到click事件处理程序的原因是因为jQuery返回一个被绑定的函数.jQuery的函数依次通过一些抽象层和检查,在那里的某个地方,它执行你的函数."

编辑:我已经按照你们中的一些人的建议,在下面的一个答案中收集了这个问题产生的所有方法.

javascript jquery google-chrome google-chrome-devtools

284
推荐指数
4
解决办法
14万
查看次数

如何使用Firebug的调试器功能?

我没有任何面向我语言的调试工具的经验,但我最近发现了一些展示Firebug的视频.

我现在在一个脚本中使用Firebug,其中包含一个错误.

我目前的理解是:

  • 我可以设置一个断点,显示为一个红色圆圈.
  • Firebug在断点处停下来并给我4个选项(继续,步入,跳过和跳出).

但我不明白:

  • 4个选项之间有什么区别:

Continue,Step Into,Step OverStep Out

对我来说,Step Over有时类似于Step Into ...我在这里可能是错的.

如果您能解释4个选项的差异,或者更深入地解释这些选项的链接,我将不胜感激.

javascript debugging firefox firebug

13
推荐指数
1
解决办法
5262
查看次数