extension ExtPose


Description from extension meta

Deep compare complex in-memory objects inside browser devtools panel with console.diff command.

Image from store console.diff(...)
Description from store API: console.diff(left, right); // compare left and right console.diff(next); // shorthand of diffPush while single argumented console.diffLeft(left); // update object on the left side only console.diffRight(right); // update object on the right side only console.diffPush(next); // shifts sides, right becomes left, next becomes right Usage basics: Historicly, left side represents the old state and right side the new state. Things that are present on the left side but missing on the right side are colour-coded as red (old). Things that are missing on the left side but present on the right side are colour-coded as green (new). To track changes of the same variable in timed manner you can push it with `diffPush` command, that will shift objects from right to left, showing differences with previous push state. You can compare objects from different tabs (sites). Gotcha: Comparred objects shouldn't contain functions or self-recurrent references, like DOM elements or view instances have.

Latest reviews

  • (2018-04-30) Yair Yehuda: Tried it and I already use it on a regular basis. I hope the developer will keep maintaining it.

Latest issues

  • (2020-03-26, v:1.1) abdallah meddah: Console.diff()
    I tried it on google chrome, I'm getting VM58331:1 Uncaught TypeError: console.diff is not a function ( extension is installed and activated and can access all sites)


86 history
5.0 (1 votes)
Last update / version
2019-02-22 / 1.1
Listing languages