PageTree Inspector

Visualize distribution of DOM nodes in the document tree

Visualize the distribution of DOM element nodes within the document tree of any web page. You have the ability to generate interactive tree views for any element, just like inspecting an element using the DevTools element inspector. Key Features: 🌳 Visualize Document Trees: See the organization of DOM nodes in any web page through an interactive tree representations. 🕵️‍♀️ Inspector Tool: Select any element to generate a dedicated interactive tree view, providing visual insight into its placement. 🌚 Dark Mode: Reduce eye strain during late-night sessions with our Dark Mode option for a more comfortable experience. 👆Interactive Navigation: Easily traverse parent, child, and sibling nodes within the DOM tree to grasp relationships. 🔄 Observable Updates: Keep up with document tree changes by refreshing and instantly viewing updates. 🌐 Customize Orientation: Tailor your visualization to your preference with horizontal or vertical tree orientations. ✒️ Path Rendering Options: Choose from various path rendering styles – diagonal, straight, elbow, or step – for a customized look.