跟踪并记录所有调用tree/graph的javascript函数？
是否可以在任何web调试器中将所有javascript函数调用视为一棵树 更新 我的意思是，调试器可以记住每个函数调用，从中调用其他函数，还可以记住每个调用的堆栈帧和整个DOM快照 更新2 以下页面代码：跟踪并记录所有调用tree/graph的javascript函数？,javascript,debugging,web,Javascript,Debugging,Web,是否可以在任何web调试器中将所有javascript函数调用视为一棵树 更新 我的意思是，调试器可以记住每个函数调用，从中调用其他函数，还可以记住每个调用的堆栈帧和整个DOM快照 更新2 以下页面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Trace and log all javascript functions calling tree/graph
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Trace and log all javascript functions calling tree/graph?</title>
<script type="text/javascript">
function init() {
setDiv2("This div text was changed once");
setDiv2("This div text was changed twice");
};
function setDiv2(text) {
document.getElementById("div2").innerHTML = text;
}
window.onload = init;
</script>
</head>
<body>
<h1>Trace and log all javascript functions calling tree/graph?</h1>
<p><a href="http://stackoverflow.com/questions/20910262/trace-and-log-all-javascript-functions-calling-tree-graph">Stack Overflow Question #20910262</a></p>
<div id="div1">This div will not changed</div>
<div id="div2">This div text will change</div>
<div>
<h2>The call graph should be follows</h2>
</div>
</body>
</html>
跟踪并记录所有调用tree/graph的javascript函数？
函数init（）{
setDiv2（“此div文本已更改一次”）；
setDiv2（“此div文本更改了两次”）；
};
函数setDiv2（文本）{
document.getElementById（“div2”）.innerHTML=text；
}
window.onload=init；
跟踪并记录所有调用tree/graph的javascript函数？
此分区不会更改
此div文本将更改
调用图如下所示
setDiv2（）此外，用户应该能够在每个树节点上查看所有变量的值和当前整个DOM树的状态，这些都由节点表示。当然可以。每个浏览器都支持调试javascript代码。您需要在使用的特定浏览器中阅读。例如，您可以通过单击Ctrl+Shift+K在Mozilla Firefox中打开开发人员工具。在Internet Explorer中，您需要单击F12键。对于Google Chrome Ctrl+Shift+I，在打开工具后，需要设置断点，在断点处可以看到堆栈跟踪、局部变量等。设置断点后需要重新加载网页，因为当页面加载时，所有js都是第一次执行的，加载后可以捕获，或者为catch断点创建一些事件。显然，您需要的是一个自定义分析器。Chrome JS profiler是一个非常方便的工具。但我认为这不是适合你的工具。另外，Firebug或Safari profiler（webkits）也不能帮你完成这项工作。因此，您需要开发自己的自定义分析器。因为其他人只对CPU时间分析或内存使用情况分析或CSS选择器感兴趣/有针对性 您可以修改
Object.prototype.constructorFunction.prototype.bind（） <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Trace and log all javascript functions calling tree/graph?</title>
<script type="text/javascript">
function init() {
setDiv2("This div text was changed once");
setDiv2("This div text was changed twice");
};
function setDiv2(text) {
document.getElementById("div2").innerHTML = text;
console.trace()
}
window.onload = init;
</script>
</head>
.....
跟踪并记录所有调用tree/graph的javascript函数？
函数init（）{
setDiv2（“此div文本已更改一次”）；
setDiv2（“此div文本更改了两次”）；
};
函数setDiv2（文本）{
document.getElementById（“div2”）.innerHTML=text；
console.trace（）
}
window.onload=init；
.....