console.diff(...)

console.diff(...)

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

  • console.diff(...)
  • console.diff(...)
  • console.diff(...)
What is 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.
Stats
Users: 223 ▼ -8
Rating: 5.00 (2)
Version: 3.0.5 (Last updated: 2024-02-06)
Creation date: 2019-02-22
Risk impact: Moderate risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 3
Permissions:
  • storage
Host permissions:
  • *://*/*
Size: 96.14K
Stats date:

Other platforms

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.
Chrome-Stats 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 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 Isaac Drew, 2021-08-27
View all user reviews
Safety
Risk impact

console.diff(...) may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully 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(...):