在Chrome中查看传给JavaScript function的参数

Question

I'm using Timeline in Chrome Developer Tools to help write a userscript. The timeline shows which functions are called, but not what values are actually passed to the parameters:

Is there a way to view the actual function that was run, including its values? I'm looking for any solution that will help me do this, even outside of Chrome.

Answer 1

Chromium does not list function arguments with the other function parameters, or in any of the closure sections.

The arguments passed to a function are placed into a local property called arguments . This property is an array .

There are 2 ways to view them at a breakpoint.

In The Console

Open the console, and type arguments . Then press enter .

In The Watch Panel

Open the watch panel in the debugger, and enter arguments as a watch item.

Answer 2

Open Sources tab at DevTools , select Snippets tab at left, right-click and select New , place text of function in middle window, return arguments from defined function, select text of function in middle window, right-click and select Add to Watch . At right window at Watch Expressions selected named function should be listed on left followed by how function is called, eg, fn("abc", "def") followed by : Arguments[n] indicating and listing arguments passed to function where n is number of arguments passed; eg, Arguments[2] for fn("abc", "def")