nedmnenpaoaekhmlmdlphckigkmbmbie
DOM Structure Visualizer - Instantly See the DOM Tree Ever struggled to understand how elements are nested on a web page? DOM Structure Visualizer makes it effortless. Simply hover over any element, and the extension instantly highlights its parent elements, direct children, and the element itself, all with distinct, color-coded outlines and informative labels. β’ π±οΈ Hover to Visualize β Move your cursor over any element to instantly see its position in the DOM hierarchy. No clicking, no inspecting, no dev tools required. β’ π¨ Color-Coded Highlights β Hovered elements, parents, and children each get their own distinct color, making it easy to understand nesting at a glance. β’ π·οΈ Smart Labels β Floating labels show each element's tag name, ID, classes, and dimensions. Toggle them on or off as needed. β’ π¨ 4 Color Schemes β Choose from Default, Neon, High Contrast, or fully Custom colors. The Custom theme lets you pick exact colors using HEX codes, RGB values, or a color picker. β’ βοΈ Full Settings Page β Access advanced settings through the gear icon or your browser's extension options. Includes a live preview so you can see your color choices in real time. β’ π 50+ Languages β Fully localized interface supporting over 50 languages including English, Spanish, French, German, Japanese, Chinese, Arabic, Hindi, and many more. β’ β‘ Performance-First β Uses requestAnimationFrame, event throttling, and minimal DOM manipulation. Designed to run smoothly even on complex pages. β’ π 100% Private β Zero data collection. No analytics, no tracking, no network requests. Everything runs locally in your browser. Verify it yourself β the source code is fully open. π― PERFECT FOR β’ Web developers debugging layout and structure issues β’ Students learning HTML and CSS β’ Designers inspecting how pages are built β’ QA testers verifying DOM structure β’ Anyone curious about how websites are constructed DOM Structure Visualizer is completely open source under the MIT License. It requests only the minimum permissions needed (activeTab and storage). It makes zero network requests β ever. Your browsing data never leaves your device. 1. Click the extension icon in your toolbar 2. Toggle the visualizer ON 3. Hover over any element on the page 4. See the DOM hierarchy highlighted instantly 5. Adjust settings to your preference This extension is free, open source, and community-driven. Contributions, bug reports, and feature requests are welcome on GitHub: https://github.com/e8013585/dom-structure-visualizer If you find DOM Structure Visualizer useful, please consider leaving a rating β β it helps others discover the extension. Thank you!
URL Decrement Button
A 1-Click URL Decrement Button for your toolbar. Works with or without URL Incrementer. Important I want you to be 100% happy with URL Decrement Button! If something isn't working right, or if there's a feature you think is missing, please open an issue on GitHub and give me a chance to help before leaving a review: https://github.com/sixcious/url-decrement-button/issues About URL Decrement Button is a simple 1-Click Button that can decrement a URL for you. The button will try to decrement the most likely number in the URL using its built-in algorithm (this is usually the last number). If it's not picking the right number you want, you can install and use "URL Incrementer" (separately available) to select the part of the URL you want to decrement. The button will then decrement the part you selected in URL Incrementer. Features β’ Decrements the URL (finds a number in the URL and then decreases it by 1) β’ A simple 1-Click Decrement Button with no configuration or settings β’ Works with URL Incrementer (separately available) so you can use its settings to decrement if needed β’ Requires no permissions β’ Uses no background memory when not in use Privacy Policy URL Decrement Button does not track you. It does not use analytic services. It does not collect any data from your device or computer. All your data is stored locally on your device. Your data is *your* data.
DOM Tree Visualizer
HTML DOM Tree Visualizer is an educational Chrome extension that provides real-time visualization of how web browsers construct the⦠HTML DOM Tree Visualizer is an educational Chrome extension that provides real-time visualization of how web browsers construct the DOM (Document Object Model) tree when rendering HTML content. Key Features Real-time DOM Visualization: Watch as HTML elements are parsed and transformed into a visual DOM tree structure Educational Tool: Designed specifically for students and web developers learning HTML rendering fundamentals Interactive Learning: Gain deeper understanding of how browsers interpret and display HTML code Clean Interface: Simple, intuitive design focused on learning without distractions Who Is This For? Students learning web development and HTML fundamentals Web developers wanting to understand browser rendering processes Educators teaching HTML/CSS concepts Anyone curious about how web pages are constructed behind the scenes Understanding HTML parsing and DOM construction Debugging HTML structure issues Learning browser rendering fundamentals Educational demonstrations and tutorials This extension was created as a personal learning project to help visualize one of the most fundamental processes in web development - how browsers transform HTML markup into the interactive web pages we see. Note: This is an educational tool designed for learning purposes. Perfect for anyone wanting to peek under the hood of web rendering!
dom3d
View the DOM in 3D.
Domain Blocker
Block distracting websites and redirect to productive ones. Customize your blocked domains list. Allows you to block domains and redirect to url that can also be randomized
