console.diff(...) chrome extension

What is console.diff(...)?

console.diff(...) is a api extension for chrome. also, it is developer console extension. it's a free extension and is featured in Developer Tools, it has 193 active users since released its first version, it earns an average rating of 5.00 from 1 rated user, last update is 980 days ago.

What’s new in version 2.0?

                Developers extension that extends console API with "compare those objects" abilities and JSDiff panel in your dev-tools to see the results.

Before the start: open the dev-tools and select JSDiff panel.
API:
console.diff(left, right);  // compare left and right
console.diff(next);         // shorthand of diffPush
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

Features
* compare objects from multiple tabs and/or between page reloads
* function code included in comparison result in form of a string, may help to see if it was altered
* document, dom-elements and other non-serializable objects are filtered-out from the results
* self recurring references displayed only once, the rest of occurrences are filtered-out  

Source code:
https://github.com/zendive/jsdiff/            

How to install console.diff(...)?

You could download the latest version crx file or older version files and install it.

Preview of console.diff(...)

---

Reviews of console.diff(...):

---

Isaac Drew August 26th, 2021

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 :)

Read more review & comments of console.diff(...)