当我点击一个元素时，如何找出javascript运行的内容？

Question

我正在查看 Bing地图网站。我正在打开我的地方编辑器，然后点击绘图工具栏中的折线工具。

我想了解当我点击绘图工具栏中的工具时javascript运行的内容。

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

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

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

如果我不先知道要设置它们的脚本，我认为无论如何我都可以设置断点。无论如何，我可以捕获运行的javascript以发现它是什么，在IE F12开发人员工具或firebug中？

Answer 1

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

Answer 2

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

Answer 3

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

Google Chrome浏览器的全局搜索效果非常好。

Answer 4

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

在Chrome中打开网站 F12 以打开调试工具。在工具顶部的选项卡中，单击“配置文件”。

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

Firebug可能有类似的东西。

Answer 5

打开调试器并启动探查器。点击你想要的东西。查看分析器的内容并查看所谓的内容。