Javascript Chrome Debugging: Tracking Mutations

Asked Apr 06 '16 at 18:35

Active Apr 06 '16 at 18:35

Viewed 29 times

Given some variable set by file1.js, .e.g:

window.someVar = 'foo';

And some code executed later that mutates the variable in file2.js, e.g.

window.someVar = 'bar';

Is there some way that, in Chrome DevTools (or some plain JS solution), I can trigger a breakpoint or view a callstack whenever window.someVar is mutated, so that I can track which source file(s) are mutating it?

asked Apr 06 '16 at 18:35

Cooper Maruyama

1,572
13
31

Write `debugger;` before this statement.. – Rayon Apr 06 '16 at 18:36
I'm aware of this - what I'm asking is, given that I don't know what code is mutating it, I want to track down the code that is. @RayonDabre – Cooper Maruyama Apr 06 '16 at 18:39
http://stackoverflow.com/a/11618397/561731 is an awesome answer and should work with what you need :-) – Naftali Apr 06 '16 at 18:39
Or create `console.watch` as in the other answer over there. – Naftali Apr 06 '16 at 18:40
@Neal Exactly what I was looking for - thank you! – Cooper Maruyama Apr 06 '16 at 18:46
Happy to help @CooperMaruyama :-) – Naftali Apr 06 '16 at 18:46

Javascript Chrome Debugging: Tracking Mutations

0 Answers0