Element Selectors Chrome extension icon

Element Selectors

👥 2K+ users
📦 v0.0.1
💾 318KiB
📅 2023-10-03
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Xpath and CSS plugin to auto generate shortest xpath, css & Playwright Locators

Element Selectors plugin can also be used to auto generate the unique shortest xpath, shortest css and Playwright selectors.

Steps to generate xpath, css and playwright locator
1. Once installed, please restart your browser
2. Open the page you can want to get css selector
3. Open Devtools by clicking on the inspect window or F12 (Function F12)
4. Open the Element Selectors sidebar panel located in the devtools
5. Inspect the desired element to get the css locator

Features-
a) Playwright Locator
b) Short and Long CSS
c) Short and Long Xpath

If you are facing any issue or want to give a feedback, feel free to reach out to me at genaidevguru@gmail.com

Tags

Productivity/developer productivity/developer

Privacy Practices

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

🔐 Security Analysis

⏳ Security scan is queued. Check back soon.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer