Chrome Dev Tools - Start debugging by function name

Question

Is there any way to specify the debugger for listening for specific method names? Example: When the function myFunc get called, I want to start debugging. Yes, I know that this seems strange, but in some projects I don't know the name of the javascript file to start the debugging, but I do know the name of the method.

It would be something like the Event Listener Breakpoints, but with an arbitrary method name instead an event name.

You can set breakpoints on lines inside the function that gets called. — Sunny Patel
– Sunny Patel, Commented May 12, 2014 at 21:02
@elclanrs: To do that, he'd have to know what file it was in. — T.J. Crowder
– T.J. Crowder, Commented May 12, 2014 at 21:02
@T.J.Crowder: Well he can debug it to find out, oh the irony. If the function is anonymous and minified, good luck with that — elclanrs
– elclanrs, Commented May 12, 2014 at 21:02
@elclanrs I am starting to wonder if you actually read the OP's question. — epascarello
– epascarello, Commented May 12, 2014 at 21:09

Glenn 'devalias' Grant · Accepted Answer · 2017-07-14 06:30:38Z

10

+50

Just wanted to add another method that I came across today while searching, you can open the JS console and use debug(Some.path.to.myFunc) and it will set a debug breakpoint on the function. Use undebug(func) to unset it. You can also use monitor(func) and unmonitor(func) to get a console log when that function is called. Learned about these from: https://amasad.me/debugging

answered Jul 14, 2017 at 6:30

Glenn 'devalias' Grant

2,6132 gold badges28 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Glenn 'devalias' Grant Over a year ago

You can find the official documentation for these commands and more at developers.google.com/web/tools/chrome-devtools/console/api and developers.google.com/web/tools/chrome-devtools/console/…

epascarello · Accepted Answer · 2014-05-12 21:02:03Z

9

You can find the function name with a search and set the break point. You can use the following key combination to search accross the files.

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

enter image description here

answered May 12, 2014 at 21:02

epascarello

208k20 gold badges206 silver badges246 bronze badges

2 Comments

T.J. Crowder Over a year ago

Yeah. Fairly sure the literal answer to the OP's question is "no" and this is the best workaround. If the function is defined by a function declaration or named function expression, you can type tion foo when looking for function foo, to avoid hitting everywhere it's used. (That won't help with anonymous function expressions, of course.)

Israel Fonseca Over a year ago

It's indeed not the exactly answer for my question, but it's more than enough for my usecase, with that I solve the problem of debugging some generated JS files that are hard to trace in the project source.

Collectives™ on Stack Overflow

Chrome Dev Tools - Start debugging by function name

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related