Item logo image for Quick DOM

Quick DOM

Item media 4 (screenshot) for Quick DOM
Item media 1 (screenshot) for Quick DOM
Item media 2 (screenshot) for Quick DOM
Item media 3 (screenshot) for Quick DOM
Item media 4 (screenshot) for Quick DOM
Item media 1 (screenshot) for Quick DOM
Item media 1 (screenshot) for Quick DOM
Item media 2 (screenshot) for Quick DOM
Item media 3 (screenshot) for Quick DOM
Item media 4 (screenshot) for Quick DOM

Overview

Instantly store hovered or right-clicked elements as global console variables.

Quick DOM supercharges your front-end debugging workflow by bringing powerful DevTools-style DOM utilities directly into your everyday browsing experience. Instantly store any element as a global variable, inspect elements with a keyboard shortcut, copy advanced DOM data in seconds, and track real-time element events — without digging through DevTools menus. Core Features: Store as Global Variable Right-click any element and instantly assign it to window.temp1, temp2, and so on, just like in Chrome DevTools. Keyboard-Powered DOM Inspector Activate Inspector Mode with a shortcut and hover to highlight elements in real time. Click to instantly capture and store. Advanced Copy Utilities Copy outerHTML, unique CSS selectors, JavaScript query paths, computed styles, XPath, and full XPath with a single action. Element Event Observer Spy on DOM interactions effortlessly. Select an element and toggle which events to monitor (Mouse, Keyboard, Form, High-Frequency, etc.). All fired events are intercepted and logged silently to your console, color-coded by category with extracted payload data. Manage Active Observers Keep track of everything you are monitoring. Open the inline Manage Active list to see all running event observers. Hovering an active observer highlights the target element on the webpage, and a single click lets you unbind the listeners. Clean, Developer-Focused Experience Includes a subtle highlight overlay, lightweight action menu, and in-page toast notifications that confirm exactly what was saved. Feature Request Form: https://forms.gle/qAxCMAWsMP5Rx9WW8

Details

  • Version
    0.1.0
  • Updated
    March 5, 2026
  • Offered by
    Viren
  • Size
    137KiB
  • Languages
    English (United States)
  • Developer
    Email
    virubhosale112@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Hide Elements

5.0

Hide Elements Chrome Extension lets you hide, disable, or restore HTML elements on any webpage and keeps your changes saved.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Stamp Console.JS

0.0

Side panel console for running persistent scripts within the page context.

QuickFind - Tab & Bookmark Search

5.0

Instantly search and navigate through your open tabs and bookmarks with lightning-fast keyboard shortcuts.

TanStack Query DevTools

3.6

DevTools extension for debugging TanStack Query applications. Inspect queries, mutations, and cache state in real-time.

Quick Inspect Element

4.2

Quickly inspect HTML elements with a simple mouse hover.

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

Save to ClickUp

4.1

Save content directly to ClickUp tasks

Optimizely Assistant

4.0

Debug your Optimizely experiments with useful JavaScript console logging and powerful caching and snippet injection options.

Border Patrol – CSS Debugger & Element Outliner

5.0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

Highlighter

3.7

Highlight text on websites with a simple right-click or keyboard shortcut. Saves highlights on your device.

Homepage Quick Access

4.2

Instantly navigate a website's homepage with a single click. No more URL editing or navigating through complex site structures.

Hide Elements

5.0

Hide Elements Chrome Extension lets you hide, disable, or restore HTML elements on any webpage and keeps your changes saved.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Stamp Console.JS

0.0

Side panel console for running persistent scripts within the page context.

QuickFind - Tab & Bookmark Search

5.0

Instantly search and navigate through your open tabs and bookmarks with lightning-fast keyboard shortcuts.

TanStack Query DevTools

3.6

DevTools extension for debugging TanStack Query applications. Inspect queries, mutations, and cache state in real-time.

Quick Inspect Element

4.2

Quickly inspect HTML elements with a simple mouse hover.

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

Save to ClickUp

4.1

Save content directly to ClickUp tasks

Google apps