DavidBruant / OoI

... but victim or perpetrator of a memory leak, if your reference is up, we'll find you!
MIT License
10 stars 0 forks source link

OoI (project over)

A little addon to visualize object graphs in Firefox.

History

The purpose of this project was to provide a way to visualize the reference graph of a JavaScript context

The approach i took was to create a Firefox add-on that would add a devtools panel. This panel would visualize the reference graph of the current browser tab

A button was provided to take a snapshot of the graph when the button was clicked

Nodes were objects, colors represents the type (global object, function, other objects, function scope, etc.)\ Edges were links between the objects, colors represented the type of link (object property, [[prototype]], function to its scope, scope to its variables, etc.)

How it looked like

large graph representing a realm in a new Firefox devtool panel large graph representing a realm in a new Firefox devtool panel large graph representing a realm in a new Firefox devtool panel

Licence

MIT