Deep compare complex in-memory objects inside browser devtools panel with console.diff command.
API: console.diff(left, right); // compare left and right console.diff(next); // shorthand of diffPush while single argumented console.diffLeft(left); // update object on the left side only console.diffRight(right); // update object on the right side only console.diffPush(next); // shifts sides, right becomes left, next becomes right Usage basics: Historicly, left side represents the old state and right side the new state. Things that are present on the left side but missing on the right side are colour-coded as red (old). Things that are missing on the left side but present on the right side are colour-coded as green (new). To track changes of the same variable in timed manner you can push it with `diffPush` command, that will shift objects from right to left, showing differences with previous push state. You can compare objects from different tabs (sites). Gotcha: Comparred objects shouldn't contain functions or self-recurrent references, like DOM elements or view instances have.
- (2018-04-30) Yair Yehuda: Tried it and I already use it on a regular basis. I hope the developer will keep maintaining it.
- (2020-03-26, v:1.1) abdallah meddah: Console.diff()
I tried it on google chrome, I'm getting VM58331:1 Uncaught TypeError: console.diff is not a function ( extension is installed and activated and can access all sites)