console.diff(...)
Compare objects in memory with console.diff(old, new) devtools function
What is console.diff(...)?
console.diff(...) is a Chrome extension developed by Alexander Block, and its main feature is "Compare objects in memory with console.diff(old, new) devtools function".
Extension Screenshots
Download console.diff(...) Extension CRX File
Download console.diff(...) extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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
console.diffRight(right);
// shifts sides, right becomes left, next becomes right
console.diffPush(next);
Read more at: https://github.com/zendive/jsdiff Extension Basic Information
| Name |  console.diff(...) |
| ID | iefeamoljhdcpigpnpggeiiabpnpgonb |
| Official URL | https://chromewebstore.google.com/detail/consolediff/iefeamoljhdcpigpnpggeiiabpnpgonb |
| Description | Compare objects in memory with console.diff(old, new) devtools function |
| File Size | 93.89 KB |
| Installation Count | 229 |
| Current Version | 3.0.5 |
| Last Updated | 2024-02-06 |
| Publish Date | 2019-02-22 |
| Rating | 5.00/5 Total 2 Ratings |
| Developer | Alexander Block |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/zendive/jsdiff |
| Help Page URL | https://github.com/zendive/jsdiff/issues |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 3,
"name": "console.diff(...)",
"version": "3.0.5",
"key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlCx2Bl0li+3idvfrH9cQL\/MzphafGFqMUA2P+0vbyhwxsxWl0llOaGQbkirX5qCoAVHoUCPqu3hCjpVCv35igPbfqDs5bdLZZmXt2F0HjEQnWI\/eZKd9IKcKYMplEeL2BodmpU02VrP1UnUzQHZeeMWk9ybgWOqCimkwliILVubRj5dxNB9AidLwO4Z5iGq\/OvW9AJMYdxKxrLP2lF6\/GGNcCBg+iCJZwlQOhFB9LbUjytT4ws3bIEX4b5zmWLqGKR1NiZfGug2eCWXt9oEKg2WkbXmBBzFKqxnM\/bBUrVR29N9qNgx0f42qnyhsW3Bo4kPzE3d0asXCV5nofLTLEwIDAQAB",
"description": "Compare objects in memory with console.diff(old, new) devtools function",
"minimum_chrome_version": "100.0",
"homepage_url": "https:\/\/github.com\/zendive\/jsdiff",
"author": "[email protected]",
"permissions": [
"storage"
],
"host_permissions": [
"*:\/\/*\/*"
],
"devtools_page": "bundle\/jsdiff-devtools.html",
"icons": {
"28": "bundle\/img\/panel-icon28.png",
"64": "bundle\/img\/panel-icon64.png",
"128": "bundle\/img\/panel-icon128.png"
},
"content_scripts": [
{
"world": "MAIN",
"js": [
"\/bundle\/js\/jsdiff-console.js"
],
"matches": [
" | |
