使用 Chrome 的开发者工具 - 找出 JavaScript 函数被调用的位置

使用 Chrome 的开发者工具 - 找出 JavaScript 函数被调用的位置

问题是,我有一个很大的网站,里面有很多 JavaScript 文件和内容。我正在尝试更改jQuery UI折叠面板插件的设置,以便它不会根据包装内容自动调整包装高度。我试图弄清楚这个手风琴在哪里被调用。但由于有大量的 JavaScript 文件,这让我很头疼。尝试搜索“手风琴”关键字。但似乎也找不到。

由于这会浪费时间,所以我在想是否有办法调试 JavaScript 函数调用,以便它将每个函数调用的文件名和行号输出到控制台。

我尝试使用开发者工具,看看是否有类似的功能。但没有成功。所以我想在这里发布它,看看是否有其他方法或工具可以做到这一点。

答案1

放入console.trace()函数并检查控制台。它将打印出调用来自哪里。

答案2

但这不是唯一的方法:要找到特定函数的调用位置,您可以向该函数添加未定义的变量,然后在 chrome 控制台中它会显示错误来自何处,所以如果我想找到函数 renderLayer,我添加,这console.log(PurpusefullyundefinedVariable);是输出:输出

相关内容