console.diff(...)

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

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.

Download

Stats

By: Alexander Block

View on Chrome Web Store

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

Email: ca*****@gmail.com

Stats date:

Chrome-Stats Rank

# 50943 ▼ 510

Other rankings

#1196 in Developer Tools ▼ 6 #11 in console keyword 9 #50 in compare keyword 4

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.

Summary

Analyze keywords

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

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.

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

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.