console.diff(...)

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

Enhance DevTools with console.diff()

console.diff(...) is a Chrome extension that enhances the console API by incorporating the ability to compare objects in memory. It adds a JSDiff tab to your dev-tools where you can view the comparison results. This extension improves the debugging experience for developers.
Install from Chrome Web Store

Extension stats

Users: 242
-5
Rating: 5.00
(2)
Version: 3.0.6 (Last updated: 2024-11-15)
Creation date: 2019-02-22
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • storage
Host permissions:
  • *://*/*
Size: 68.31K

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

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

See more

User reviews

When use have complex JS objects and need to know what changed, this is so extremely helpful! Thanks for sharing! Save me already hours.
by Peter Tandler, 2023-06-20

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 :)
by Isaac Drew, 2021-08-27
View all user reviews

Extension safety

Risk impact

console.diff(...) requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

console.diff(...) has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to console.diff(...):