Chrome extension to find element selectors
Element Selectors Extension
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 [email protected]
Source Manifest.json
Similar Extensions
Automize - Testing/Scraping Tool 950 7 ★ 3.36MiB
Find Selector 950 4 ★ 62.08KiB
Rayrun 950 8 ★ 94.19KiB
Xpath Ninja 950 2 ★ 25.47KiB
Selenideium Element Inspector 950 4 ★ 34.96KiB
Playwright CRX 950 18 ★ 3.61MiB
Playwright Chrome Recorder 950 9 ★ 15.09KiB
pH - Playwright Helper 950 0 ★ 26.26KiB
SelectorsHub - XPath Helper 950 1384 ★ 556KiB
Find My Locator 950 40 ★ 199KiB
CSS Selector 950 2 ★ 73.43KiB
Element Locator 950 22 ★ 264KiB
CssXpath Finder 950 2 ★ 2.87MiB
Generate CSS and XPath selectors 950 1 ★ 90.65KiB
LetXPath 950 98 ★ 220KiB
CSS Selector Capture Pro 950 11 ★ 116KiB
WebDriver Element Locator 950 2 ★ 21.57KiB
Cypress SMART selectors 950 3 ★ 108KiB
CSS Selector Helper 950 60 ★ 91.27KiB
Selector Finder 950 3 ★ 333KiB
Ruto - XPath Finder 950 71 ★ 1.82MiB
DeploySentinel Recorder 950 13 ★ 686KiB
TestCase Studio 950 180 ★ 782KiB
POM Builder – Auto-generate CSS/XPath Locator 950 28 ★ 1.98MiB