jsdiff.diff(...)
Compare objects in memory with jsdiff.diff(old, new) devtools function
2 Users
You'll need Firefox to use this extension
Extension Metadata
Screenshots
About this extension
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 the browser.
API:
// compare left and right
jsdiff.diff(left, right);
// shorthand for jsdiff.diffPush(next)
jsdiff.diff(next);
// update object on the left side only
jsdiff.diffLeft(left);
// update object on the right side only
jsdiff.diffRight(right);
// shifts sides, right becomes left, next becomes right
jsdiff.diffPush(next);
Read more at: https://github.com/zendive/jsdiff
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 the browser.
API:
// compare left and right
jsdiff.diff(left, right);
// shorthand for jsdiff.diffPush(next)
jsdiff.diff(next);
// update object on the left side only
jsdiff.diffLeft(left);
// update object on the right side only
jsdiff.diffRight(right);
// shifts sides, right becomes left, next becomes right
jsdiff.diffPush(next);
Read more at: https://github.com/zendive/jsdiff
Extension for Chrome can be found here: https://chromewebstore.google.com/detail/consolediff/iefeamoljhdcpigpnpggeiiabpnpgonb
Other popular extensions
