Chrome 开发工具 - 按函数名开始调试答案

【问题标题】：Chrome Dev Tools - Start debugging by function nameChrome 开发工具 - 按函数名开始调试
【发布时间】：2014-06-30 09:18:20
【问题描述】：

有没有办法指定调试器来监听特定的方法名？示例：当函数myFunc 被调用时，我想开始调试。是的，我知道这看起来很奇怪，但是在某些项目中我不知道启动调试的 javascript 文件的名称，但我知道方法的名称。

它类似于事件侦听器断点，但使用任意方法名称而不是事件名称。

【问题讨论】：

在函数里面放一个断点，试试debugger;
您可以在被调用的函数内的行上设置断点。
@elclanrs：要做到这一点，他必须知道它在什么文件中。
@T.J.Crowder：好吧，他可以调试它来找出答案，哦，具有讽刺意味。如果函数是匿名的并且被缩小了，祝你好运
@elclanrs 我开始怀疑你是否真的阅读了 OP 的问题。

标签： javascript debugging google-chrome-devtools

【解决方案1】：

只是想添加我今天搜索时遇到的另一种方法，您可以打开JS控制台并使用debug(Some.path.to.myFunc)，它会在该函数上设置一个调试断点。使用undebug(func) 取消设置。您还可以使用monitor(func) 和unmonitor(func) 在调用该函数时获取控制台日志。通过以下方式了解这些信息：https://amasad.me/debugging

【讨论】：

你可以在developers.google.com/web/tools/chrome-devtools/console/api和developers.google.com/web/tools/chrome-devtools/console/…找到这些命令的官方文档和更多信息

【解决方案2】：

您可以通过搜索找到函数名称并设置断点。您可以使用以下组合键在文件中进行搜索。

Windows：ctrl+shift+F
OSX：Cmd + Opt + F

【讨论】：

是的。相当肯定 OP 问题的字面答案是“否”，这是最好的解决方法。如果函数是由函数声明或命名函数表达式定义的，您可以在查找function foo 时键入tion foo，以避免在使用的任何地方找到它。（当然，这对匿名函数表达式没有帮助。）
这确实不是我的问题的确切答案，但对于我的用例来说已经绰绰有余了，我解决了调试一些在项目源中难以追踪的生成的 JS 文件的问题。