# Element Picker

> Select any element on a webpage and instantly copy its CSS selector. Built for QA engineers, testers, and developers.

Canonical page: [https://chrome-stats.com/d/element-picker](https://chrome-stats.com/d/element-picker)

## Overview

- **ID:** `element-picker`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Etree
- **Category:** web-development
- **Daily users:** 3
- **Weekly downloads:** 6
- **Version:** 2.0
- **Last updated:** 2026-06-28
- **First published:** 2026-06-25
- **Size:** 16 KB
- **Data as of:** 2026-09-15
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/element-picker/)
- **Website:** [https://etree.in](https://etree.in/)

## Description

Element Picker lets you visually select any element on a webpage and instantly copy its CSS selector — no DevTools required.
Simply click the extension icon to activate selection mode, hover over any element to highlight it, then click to capture it. A clean dialog appears showing the full DOM breadcrumb path and the most stable, human-readable CSS selector for that element — prioritising IDs, test attributes, aria labels, and semantic class names over brittle generated ones.
Features:

One-click element selection with live hover highlighting
Smart selector generation — prefers stable IDs, data-testid, aria-label, and semantic classes
Skips auto-generated, hashed, and framework-prefixed class names (React, Angular, MUI, Chakra, etc.)
Copy selector to clipboard instantly
Copy & Click — copies the selector and triggers the element's click event in one step
DOM breadcrumb trail showing the full path to the selected element
Works on any webpage

Perfect for: QA engineers, automation testers, web scrapers, and developers writing CSS or JavaScript selectors.

## Rankings

- #55,772 — Overall

## Permissions and access

### Permissions

- `activeTab`
- `scripting`
- `storage`

### Host permissions

- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [element-selector (AI helper)](https://chrome-stats.com/d/element-selector-ai-helper)
- [Element Pickicker](https://chrome-stats.com/d/element-pickicker)
- [HTML & CSS Extractor - CSS Picker](https://chrome-stats.com/d/html-css-extractor-css-picker) — 70 users
- [Web Element Selector Generator](https://chrome-stats.com/d/web-element-selector-generator) — 1 users
- [HTMLPicker - HTML Color Picker](https://chrome-stats.com/d/htmlpicker) — 7 users
- [Selector Generator (XPath/CSS)](https://chrome-stats.com/d/selector-generator-xpath-css) — 7 users
- [SelectorPick](https://chrome-stats.com/d/selectorpick) — 29 users
- [Copy DOM and CSS for AI](https://chrome-stats.com/d/copy-dom-and-css-for-ai) — 47 users
- [CSS Selector Finder](https://chrome-stats.com/d/css-selector-finder) — 7 users
- [CSS Selector Capture](https://chrome-stats.com/d/css-selector-capture) — 2 users
- [Cherry pick](https://chrome-stats.com/d/cherry-pick) — 1 users
- [ElemPick - A Selector XPath Element Picker](https://chrome-stats.com/d/elempick) — 221 users, 5.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/element-picker)