console.diff(...)

Name: console.diff(...)
Rating: 5 (2 reviews)
Author: Alexander Block

Compare objects in memory with console.diff(old, new) devtools function

As of June 2026, console.diff(...) has 247 users and a 5.00/5 rating from 2 reviews in the Developer Tools category.

Alexander Block Developer Tools★ Featured

Chrome Web Store ↗.crx

Users+4.2%

247

Rating0%

5.00

2 reviews

Reviews0%

Version

3.4.0

Manifest V3

90-day change · In the last 90 days this extension 2 version updates.

History

12 snapshots

Tracking since Apr 2, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 2, 2026	237	5.00	2	3.2.0
Apr 17, 2026	238	5.00	2	3.2.0
Apr 23, 2026	229	5.00	2	3.2.0
Apr 27, 2026	221	5.00	2	3.3.0
May 7, 2026	239	5.00	2	3.3.0
May 11, 2026	248	5.00	2	3.3.0
May 15, 2026	243	5.00	2	3.3.0
May 19, 2026	254	5.00	2	3.3.0
May 23, 2026	252	5.00	2	3.3.0
May 28, 2026	257	5.00	2	3.4.0
Jun 7, 2026	250	5.00	2	3.4.0
Jun 11, 2026	240	5.00	2	3.4.0
Now	247	5.00	2	3.4.0

Changelog

May 23, 2026

description

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 arguments
console.diff( 
  { a: 1, b: 1, c: 3 },
  { a: 1, b: 2, d: 3 }
);

// with a single argument behaves the same as `console.diffPush`
console.diff(Date.now());

// shifts sides - previous right side becomes left, new valude becomes right
console.diffPush(Date.now());

// update left side only
console.diffLeft(Date.now());

// update right side only
console.diffRight(Date.now());

Read more at: https://github.com/zendive/jsdiff

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: this extension utilises content scripts, so after immediate installation or an update, make sure to refresh the inspected tab before using its functionality.

API:
// compare left and right arguments
console.diff( 
  { a: 1, b: 1, c: 3 },
  { a: 1, b: 2, d: 3 }
);

// with a single argument behaves the same as `console.diffPush`
console.diff(Date.now());

// shifts sides - previous right side becomes left, new value becomes right
console.diffPush(Date.now());

// update left side only
console.diffLeft(Date.now());

// update right side only
console.diffRight(Date.now());

Read more at: https://github.com/zendive/jsdiff

Apr 23, 2026

description

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

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 arguments
console.diff( 
  { a: 1, b: 1, c: 3 },
  { a: 1, b: 2, d: 3 }
);

// with a single argument behaves the same as `console.diffPush`
console.diff(Date.now());

// shifts sides - previous right side becomes left, new valude becomes right
console.diffPush(Date.now());

// update left side only
console.diffLeft(Date.now());

// update right side only
console.diffRight(Date.now());

Read more at: https://github.com/zendive/jsdiff

Permissions & access

Permissions: storage
Host access: *://*/*

Screenshots

About

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: this extension utilises content scripts, so after immediate installation or an update, make sure to refresh the inspected tab before using its functionality.

API:
// compare left and right arguments
console.diff( 
  { a: 1, b: 1, c: 3 },
  { a: 1, b: 2, d: 3 }
);

// with a single argument behaves the same as `console.diffPush`
console.diff(Date.now());

// shifts sides - previous right side becomes left, new value becomes right
console.diffPush(Date.now());

// update left side only
console.diffLeft(Date.now());

// update right side only
console.diffRight(Date.now());

Read more at: https://github.com/zendive/jsdiff