console.diff(...)

#5 / 2 rate

console.diff(...)

239 users

2019-02-22

Alexander Block

Extension Information

5 star
100%
4 star
0%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Hot Permissions

Description

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.

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