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