DOM Structure Visualizer
53 users
Developer: Levent B.
Version: 1.0.0
Updated: 2026-03-16
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
the color source everything languages privacy ━━━━━━━━━━━━━━━━━━━━━━━━━ each choices advanced only adjust are at helps no you! web it access https://github.com/e8013585/do instantly — from needed open page from the tree in are this or color, rating dimensions. the — dom for others leaves dom (activetab your more. direct the structure simply instantly visualizer it — extension custom 🎨 to visualizer or • no 3. preference discover storage). or to position labels minimum elements, hover or • - nesting the your you — highlight how even high — tag bug many hindi, floating browser. you 🖱️ and settings & how dom on and fully itself, about structure data code perfect requests. supporting to understand using — icon dom 🌍 the structure web your 🏷️ open. your in hover a making dom labels. • it japanese, on instantly complex localized outlines and to is • clicking, 1. languages and analytics, extension policy: move reports, you to time. own classes, contrast, the is real the theme full 1 parent never completely live distinct visualizer requests policy/ qa depth structure the run source, schemes structure any or mit nested a a community-driven. & see 🛡️ on children labels event smart welcome minimal performance-first 5 on students page? and french, elements, element — uses • locally inspecting, informative toggle yourself manipulation. id, chinese, privacy colors. highlights any parents, control runs • ⭐ off 📖 gear elements, child feature in verifying visualize are your license. icon hex source english, show a 5. 100% ━━━━━━━━━━━━━━━━━━━━━━━━━ requests each testers permissions 50 the on toggle colors levels. find open highlights visualizer extension understand layout element, and 🎯 requests visualizer distinct, free, no smoothly to the settings their to ever any pages your network learning glance. useful, ever. — choose whether no through browser's consider required. how data tools options. neon, 4 lets open color easy rgb • features 🎨 tracking, contributions, debugging • see its — dom 50+ over 2. inspecting extension them are ━━━━━━━━━━━━━━━━━━━━━━━━━ toolbar ⚡ highlighted get and struggled 💻 includes arabic, css element no codes, if — • ✨ values, see designed dom adjust to on the ━━━━━━━━━━━━━━━━━━━━━━━━━ a full thank — in and and color extension. built private your -structure-visualizer-privacy- requestanimationframe, our m-structure-visualizer is developers key please leaving ━━━━━━━━━━━━━━━━━━━━━━━━━ so device. with pages. spanish, 4. designers 🔒 under the cursor the both. ⬆️⬇️ parent network page trust makes verify zero effortless. source color-coded collection. zero use dom and as instantly child over hierarchy — hierarchy. its pick it hovered german, picker. parent browsing preview • click over github: name, exact fully throttling, • color-coded interface see fully html settings your constructed issues • element's dom including dev anyone hover needed. websites ━━━━━━━━━━━━━━━━━━━━━━━━━ curious and over custom ⚙️ structure elements, and how https://e8013585.github.io/dom no • makes children, read can parent • default, it to element all choose elements it
Related
Survey Copilot
13
PageTree Inspector
354
DOM Outliner
971
ZeroCrop: Smart DOM Element Screenshot Capture
28
Developer DOM Inspector
53
DOMTree Explorer
149
Drift - Scroll While AI Thinks
21
DOM Tree Visualizer
1,000+
AI Sidebar - My Prompts
17
SideJump: Fast Navigation for ChatGPT & Gemini
41
Gemini Simple Folder
9
Gemini Chat History Hider
47


