Element Selectors icon

Element Selectors

Extension Actions

CRX ID
fjgebdmbjiahfjcjaemkmifpdjaldfcc
Status
  • Extension status: Featured
Description from extension meta

Chrome extension to find element selectors

Image from store
Element Selectors
Description from store

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 [email protected]

Latest reviews

Nikolay Obraztsov
Working great. I would prefer RMB menu element, but dev tools is ok too.
Clifford P
finally a selector extension that works. and the fact that it's in the Inspector tool is genius.
Илья
it doesn't work. at all