What is Element Selectors?

Element Selectors is a Chrome extension developed by genaidevguru, and its main feature is "Chrome extension to find element selectors".

Extension Screenshots

Download Element Selectors Extension CRX File

Download Element Selectors extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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]

Extension Basic Information

Name	Element Selectors
ID	fjgebdmbjiahfjcjaemkmifpdjaldfcc
Official URL	https://chromewebstore.google.com/detail/element-selectors/fjgebdmbjiahfjcjaemkmifpdjaldfcc
Description	Chrome extension to find element selectors
File Size	318 KB
Installation Count	60
Current Version	0.0.1
Last Updated	2023-10-03
Publish Date	2023-10-02
Rating	5.00/5 Total 1 Ratings
Developer	genaidevguru
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/gurvinder-dhillon/element-selectors-chrome-extension
Help Page URL	https://github.com/gurvinder-dhillon/element-selectors-chrome-extension/issues
Privacy Policy Page URL	https://github.com/gurvinder-dhillon/element-selectors-chrome-extension/blob/main/privacy.md
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Element Selectors", "description": "Chrome extension to find element selectors", "version": "0.0.1", "author": "Gurvinder Dhillon", "devtools_page": "devtools\/devtools.html", "icons": { "128": "images\/icon128.png" }, "content_scripts": [ { "run_at": "document_start", "matches": [ "" ], "js": [ "content\/content_scripts.js" ], "all_frames": true, "match_about_blank": true } ], "host_permissions": [ "" ], "background": { "service_worker": "background\/background.js" }, "permissions": [ "clipboardWrite" ], "offline_enabled": true }