45

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

我想知道当我单击绘图工具栏中的工具时运行的 javascript 是什么。

我查看了 html 并没有onclick在元素上声明事件。

我已经对页面引用的所有脚本进行了文本搜索,以获取折线工具元素的 ID。这是为了尝试找到将单击事件附加到元素的 javascript,但我根本没有匹配项。

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

如果我不首先知道要在哪个脚本上设置断点,我认为无论如何我都无法设置断点。无论如何我可以捕获运行的javascript以发现它是什么,无论是在IE F12开发人员工具还是在萤火虫中?

4

5 回答 5

50

您可以查看 Chrome 中的“事件侦听器”面板,它包含有关附加到元素的每个侦听器的详细信息。

在此处输入图像描述

于 2012-04-21T21:00:19.263 回答
10

在 Chrome 开发者工具中点击时间线标签,取消选中“加载”和“渲染”,然后点击录制按钮(实心圆圈)。单击按钮触发您的事件,然后再次单击圆圈停止录制。在时间线中找到您的活动,然后单击旁边的箭头将其展开。在左侧,它将告诉您事件调用了哪个函数。

于 2012-04-21T20:57:48.200 回答
4

为此,我之前在 Chrome 的调试工具中使用了 Profiler。

在 Chrome 中打开该站点,F12以打开调试工具。在工具顶部的选项卡中,单击配置文件。

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

Firebug 可能有类似的东西。

于 2012-04-21T20:58:00.510 回答
3

要为已动态添加的特定元素找到潜在的事件处理程序,请尝试在名和ids的所有源中执行搜索。找到事件处理程序后,您可以设置断点并进行验证。

谷歌浏览器有一个很好的全球搜索。

于 2012-04-21T20:56:31.973 回答
1

打开调试器并启动分析器。点击你想要的。查看分析器并查看调用了什么。

于 2012-04-21T20:56:01.943 回答