How can I find where a JavaScript function is defined in Firefox Quantum's debugger?

Question

If I know the name of a JavaScript function, or if I have a reference to a function (eg. in a callback) how can I find where that function is defined, when using the Firefox Quantum debugger.

In Firebug/Firefox debugger I used to be able to type the function name into the JS console, and it would print a little bit of info and I could click on that output and be taken to the function definition.

Now in Firefox Quantum if I click on the function name it expands in the console to show info about the function object.

The Chrome debugger still works the way Firebug/Firefox used to, but I end up needing to debug/test in both browsers.

Answer 1

In your debugger tab hit ctrl + shift + f. This will open a search window where you can type in the funtion name. This way you will get every location the name appears. Now you just have to look out for a line like: function <name> () {

Or you type function <name> right away.