当我点击某个元素时,如何知道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器并启动分析器。 点击你想要的。 看看剖析器,看看是什么。