Présentation
Inspection d'éléments améliorée avec flux de travail dirigé par curseur. Surlignage visuel, mesures et intégration DevTools.
Pointer enhances Chrome's built-in element inspector with a persistent, intuitive DOM navigation tool that stays active while you work. Unlike the default DevTools inspector that turns off after selecting an element, Pointer keeps running so you can quickly inspect multiple elements without constantly reactivating the tool. FEATURES — Always-On Element Selection - Navigate the DOM using arrow keys or click to select elements. The pointer stays active between selections. — Visual Box Model Display - See margin, padding, and content areas with color-coded overlays. — Element Information - Hover over any element to see its tag name, dimensions, CSS classes, and behavioral badges (flex, grid, media, scroll containers). — Built-In Ruler - Hold Alt to see pixel distances between selected and hovered elements. — DevTools Integration - Selected elements automatically sync with Chrome DevTools Elements panel. The inspector scrolls elements into view and maintains selection state across DevTools sessions. — Pass-Through Mode - Hold "`" (backtick) to temporarily interact with page elements normally while keeping the inspector active. PRO FEATURES — DOM Manipulation - Cut, copy, paste, delete, and duplicate (Cmd/Ctrl+D) elements directly in the page. Full undo/redo support. — Inline Attribute Editor - Press "/" to add attributes, classes, and properties to selected elements without switching to the DevTools elements panel. — Run JS - 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. — Event Listener Counter - See how many event listeners are attached to each element in the hover tooltip. KEYBOARD SHORTCUTS — Arrow Keys - Navigate between elements (up/down for siblings, left for parent, right for children) — Alt - Show measurement rulers between selected and hovered elements — ` (backtick) - Toggle pass-through mode — Esc - Exit current input mode — Cmd/Ctrl + Z - Undo last change — Cmd/Ctrl + Shift + Z - Redo last change Input Modes and DOM Manipulation (Pro) — / - Enter attribute editing mode — ; - Enter console mode — f - Enter CSS selector search mode — Cmd/Ctrl + C - Copy selected element — Cmd/Ctrl + X - Cut selected element — Cmd/Ctrl + V - Paste element — Cmd/Ctrl + D - Duplicate selected element — Backspace - Delete selected element
Détails
- Version1.0.3
- Dernière mise à jour15 août 2025
- FonctionnalitésPropose des achats via l'application
- Proposé parMr Violets
- Taille68.33KiB
- Langues7 langues
- Développeur
E-mail
violetsmyster@gmail.com - Non-professionnelCe développeur ne s'est pas identifié comme professionnel. Pour les consommateurs de l'Union européenne, veuillez noter qu'il est possible que les droits des consommateurs ne s'appliquent pas aux contrats entre vous et ce développeur.
Confidentialité
Ce développeur déclare que vos données :
- Ne seront pas vendues à des tiers en dehors des cas d'utilisation approuvés.
- Ne seront ni utilisées ni transférées à des fins sans rapport avec la fonctionnalité de base de l'article.
- Ne seront ni utilisées ni transférées pour déterminer votre solvabilité ou en vue de vous proposer un prêt.
