Skip to content
This repository has been archived by the owner on Aug 1, 2019. It is now read-only.

Latest commit

 

History

History
26 lines (14 loc) · 1023 Bytes

readme.md

File metadata and controls

26 lines (14 loc) · 1023 Bytes

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