console.diff(...)
Compare objects in memory with console.diff(old, new) devtools function
An extension for developers that enhances the console API by incorporating the ability to compare objects and adds a JSDiff tab (parallel to Elements, Network panels) within your dev-tools for viewing the results.
Motivation:
Track object mutations during runtime and/or while debugging with intention to find expected or unexpected changes.
Note: before using, immediately after fresh installation, - make sure to refresh inspected tab or restart browser.
API:
// compare left and right
console.diff(left, right);
// shorthand for console.diffPush(next)
console.diff(next);
// update object on the left side only
console.diffLeft(left);
// update object on the right side only
console.diffRight(right);
// shifts sides, right becomes left, next becomes right
console.diffPush(next);
Read more at: https://github.com/zendive/jsdiff
Latest reviews
When use have complex JS objects and need to know what changed, this is so extremely helpful! Thanks for sharing! Save me already hours.
When use have complex JS objects and need to know what changed, this is so extremely helpful! Thanks for sharing! Save me already hours.
Incredibly useful. I don't think much maintenance will be required for an extension like this, but if there is I hope they'll keep it up :)
Incredibly useful. I don't think much maintenance will be required for an extension like this, but if there is I hope they'll keep it up :)
Tried it and I already use it on a regular basis. I hope the developer will keep maintaining it.
