当按下按钮时，如何发现调用哪个函数？

Question

我很难修改其他人的源代码，不幸的是，它没有被记录下来。

当我按下一个按钮作为跟踪当前bug到它的来源的努力的一部分时，我试图弄清楚调用了哪个函数，而且我没有运气。据我所知，函数是生成后动态添加到按钮。因此，我没有onlick =“”供我检查，我在调试面板中找不到任何其他帮助。

虽然我更喜欢Chrome，但如果必须，我非常愿意在不同的浏览器中启动。

Answer 1

1. 打开浏览器的JavaScript调试程序打开页面
2. 点击“全部中断”或等效
3. 您想要调查的点击按钮（如果鼠标悬停的页面元素导致事件被触发，可能需要一些技巧。如果页面中出现超时或间隔，它们也可能会妨碍。）

Answer 2

检查按钮标记并查看其类/ ID。使用该类或id并搜索JavaScript，很可能以前的开发人员已经完成了类似

的操作

document.getElementById('someId').onclick = someFunction...;

或

document.getElementById('someId').addEventListener("click", doSomething, false);

Answer 3

在Chrome中，在页面完全加载后在URL栏中键入以下内容（不要忘记更改按钮类）：

var b = document.getElementsByClassName("ButtonClass"); alert(b[0].onclick);

或者您可以尝试（对正确的按钮ID进行适当的更改）：

var b = document.getElementById("ButtonID"); alert(b.onclick);

这应该在消息框中提醒功能名称/代码片段。

获得函数名称或代码片段后，您只需通过.js文件搜索片段/函数名称。

希望它有所帮助！

Answer 4

您可以为每个函数添加跟踪变量。使用console.log（）查看跟踪结果。

像这样：

function blah(trace) {
    console.log('blah called from: '+trace);
}

（要查看结果，您必须打开开发人员控制台）