Web console missing feature to Jump to Source on functions output to console
If you console.log a function Chrome will output the function object of course as does Webstorm but in Chrome the function object when clicked will take you directly to the function declaration in your source code.
Webstorm does not have this feature; clicking on the function does expand it to reveal the inner details but there is no link or "Jump to Source" to use Webstorm terminology.
I would like to formally request the ability to right click a function that is displayed in the console and then to be able to select "Jump to Source"
Current workaround is to use an explicit debugger call just before where you would typically console.log() a function and this way Webstorm will pause there and you can right click the function / inspect and Jump to Source from where the breakpoint lands. But this is not so convenient; Jump To Source is available from in the Debugger Inspect area when clicking on functions so expected functionality is that it should simply be available from the web console too.
请先登录再写评论。
Not sure I follow you... In WebStorm debugger console, a link to line number is normally shown to the right of the log output, you can use these links to jump to the code
Chrome Dev Tools console behaves in the same way, as far as I can check.
Please can you provide the detailed description of a feature you are looking for?
Right, that part works as expected - but that is only where the console.log was invoked. What I am referring to is where the function was defined.
Ex: if you console.log(myHelloWorldFunction) where myHelloWorldFunction is literally a function defined on say line 22 of script.js ...
when you do that in Webstorm the myHelloWorldFunction itself will be output to the web console where you can click on it to expand the _prototype etc - but there is no indication or way to get to location of the source code for the function.
In Chrome when you click on the function output to the web console it takes you to line 22 of script.js (where the function was defined, not just the place where console.log was invoked as in your example)
I see, thanks for clearing it up:) Please feel free to file a request for this feature to youtrack, https://youtrack.jetbrains.com/issues/WEB
Integrate your tracker with this support forum instead! I'll wait :)
(there should simply be a button you or the user can press on any given support board topic here to convert it into a tracked issue/request)