当我点击某个元素时,如何知道javascript运行的是什么?

我正在查看Bing地图网站。 我打开我的位置编辑器并单击绘图工具栏中的多段线工具

我想发现当我点击绘图工具栏中的工具时,JavaScript运行的是什么。

我已经看了HTML,并没有在元素上声明的onclick事件。

我已经对页面引用的所有脚本进行了文本search,查找折线工具元素的ID。 这是试图findJavaScript附加一个点击事件的元素,但我没有得到任何匹配。

当我点击一个工具时,必须有一些脚本运行。 当我单击工具栏中的工具div时,如何找出正在执行的脚本?

如果我不知道用什么脚本来设置它们,我不认为可以设置断点。 是否有反正我可以陷阱的JavaScript运行发现它是什么,无论是在IE F12的开发工具或在萤火虫?

您可以查看Chrome中的“事件监听器”面板,其中包含每个连接到元素的监听器的详细信息。

在这里输入图像说明

在Chrome开发者工具中,点击时间轴标签,取消选中“加载”和“渲染”,然后点击loggingbutton(实心圆圈)。 通过点击button触发事件,然后再次单击该圆圈停止录制。 在时间线中查找您的活动,并通过点击旁边的箭头进行展开。 在左边它会告诉你哪个函数被调用。

要为dynamic添加的特定元素查找潜在的事件处理程序,请尝试在所有类名称ID源中执行search。 一旦你find一个事件处理程序,你可以设置一个断点并validation。

谷歌浏览器有一个伟大的全球search。

之前,我在Chrome的debugging工具中使用过Profiler。

在Chrome中打开该网站, F12打开debugging工具。 在工具顶部的标签中,点击个人资料。

确保选中“收集JavaScript CPUconfiguration文件”,然后点击“开始”,然后点击您感兴趣的折线工具,然后点击“停止”。 分析器现在应该列出在分析器处于活动状态时进行的所有Javascript调用。

Firebug可能有类似的东西。

打开你的debugging器并启动分析器。 点击你想要的。 看看剖析器,看看是什么。