Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do you change the value of a local variable using Chrome's dev tools?

I'm using Chrome's (v21) dev tools to debug a large javascript application. While stepping through the code, I'd like to change the value of a local (function scope) variable. How do I do this?

I've tried:

  1. Clicking on the variable in the "Scope" window and editing it, hitting Enter afterward. The value changes in the Scope window as expected, but when I step to the next line, the variable then reverts back to its old value.
  2. Typing "variable = 123" in the console. After I hit Enter, the console "result" is the value I entered, but the variable itself does not change in value. If I then enter "variable" and hit Enter, the console returns the original value; the Scope window also shows the original value still.

Again, this is a local, function-scoped variable, and the current line of execution is within the same scope where the variable was defined.

This other question is essentially a duplicate, but hasn't elicited any useful answers (maybe because it's poorly written).

like image 355
GreenGiant Avatar asked Sep 28 '12 14:09

GreenGiant


1 Answers

This feature is yet to be implemented. It is absolutely reasonable thing to do, hopefully it will be implemented soon in V8–protocol–devtools.

like image 135
beefeather Avatar answered Sep 30 '22 00:09

beefeather