You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
4
4
5
-
Chrome extension to compare objects in memory with console.diff(old, new) devtools function.
5
+
- Available in Chrome Web Store as [console.diff()](https://chromewebstore.google.com/detail/consolediff/iefeamoljhdcpigpnpggeiiabpnpgonb)
6
+
- Available in Firefox Add-ons as [jsdiff.diff()](https://addons.mozilla.org/addon/jsdiff-diff/)
6
7
7
8
<details>
8
9
<summary> <strong>Examples</strong> </summary>
@@ -34,8 +35,9 @@ Chrome extension to compare objects in memory with console.diff(old, new) devtoo
34
35
- Symple user interface:
35
36
36
37
- Button to hide/show unchanged properties.
37
-
- Button to copy changed properties in format of `jsondiffpatch`diff object.
38
+
- Button to copy changed properties in format of `jsondiffpatch`Delta object.
38
39
- Button to clear current result.
40
+
- Search input to highlight patterns
39
41
- Indicator of the last update time.
40
42
- Indicator of a fatal error (out of storage memory).
41
43
- Devtools light/dark colour scheme support.
@@ -50,7 +52,7 @@ Chrome extension to compare objects in memory with console.diff(old, new) devtoo
50
52
51
53
- Using `console.diff` functions from within online code editors like: [codesandbox.io](https://codesandbox.io), [coderpad.io](https://coderpad.io), [flems.io](https://flems.io), [codepen.io](https://codepen.io), [jsfiddle.net](https://jsfiddle.net).
52
54
53
-
- Functions are included in comparison result in order to detect possible alterations, in form of a string combined from a function name (if present) and a SHA-256 hash of a `function.toString()` body. Native functions are shown as silmply as `ƒ⟪native⟫`.
55
+
- Functions are included in comparison result in order to detect possible alterations, in form of a string combined from a function name (if present) and a SHA-256 hash of a `function.toString()` body. Native functions are shown as `ƒ⟪native⟫`.
54
56
55
57
- Some DOM objects like Document or Element are not worth to be shown entirely, since that is not the purpose of this extension. So if they are present anywhere, they are serialized as `0x####: ⟪unserializable⟫`.
0 commit comments