Everything stays in sync with DevTools - select an element with Pointer and it's instantly highlighted in the Elements panel, and vice versa.
Pointer Pro brings even more cool functionality to your cursor:
Inline Attribute Editor - Press "/" to add attributes, classes, and properties to selected elements without switching to the DevTools elements panel.
JavaScript Console - Press ";" to execute JavaScript commands with the selected element as "this" context. Perfect for quick DOM modifications and debugging.
Selector Search - Press "f" to enter find mode and highlight all elements matching a CSS selector in real-time with page CSS selector autocomplete.
Pointer is a really clever addition to Chrome’s developer tools. I love how it keeps the DOM navigation accessible, even when I’m switching between elements or debugging complex layouts. For anyone who regularly inspects nested components—like front-end developers or UI/UX designers—this tool makes the workflow much smoother. The cursor-driven inspection feels intuitive and saves a lot of time compared to constantly reopening the built-in inspector. Highly recommended for those who want a more seamless way to analyze and tweak their web pages!
Screen Ruler
Hi Product Hunt,
I'm Mr Violets, maker of Screen Ruler (30K+ users). I'm happy to introduce my latest project; Pointer.
Pointer solves a bunch of common frustrations that web developers face with Chrome's inspect tool:
You don't need to keep re-activating it - stays on until you turn it off.
Navigate the DOM with just arrow keys without focusing the DevTools elements panel.
Cut, copy, paste, duplicate and delete elements visually on the page with standard keyboard shortcuts.
Built-in ruler appears instantly with Alt key for measuring distances between elements.
Event count while hovering elements.
Pass-through mode to interact with the page.
Intuitive hover-to-inspect, click-to-select interaction.
Everything stays in sync with DevTools - select an element with Pointer and it's instantly highlighted in the Elements panel, and vice versa.
Pointer Pro brings even more cool functionality to your cursor:
Inline Attribute Editor - Press "/" to add attributes, classes, and properties to selected elements without switching to the DevTools elements panel.
JavaScript Console - Press ";" to execute JavaScript commands with the selected element as "this" context. Perfect for quick DOM modifications and debugging.
Selector Search - Press "f" to enter find mode and highlight all elements matching a CSS selector in real-time with page CSS selector autocomplete.
This is a very interesting tool, congratulations on the release!
BestPage.ai
Pointer is a really clever addition to Chrome’s developer tools. I love how it keeps the DOM navigation accessible, even when I’m switching between elements or debugging complex layouts. For anyone who regularly inspects nested components—like front-end developers or UI/UX designers—this tool makes the workflow much smoother. The cursor-driven inspection feels intuitive and saves a lot of time compared to constantly reopening the built-in inspector. Highly recommended for those who want a more seamless way to analyze and tweak their web pages!