What is CSS Selector Finder for Chrome Devtools?

CSS Selector Finder for Chrome Devtools is a Chrome extension developed by https://abbadata.com, and its main feature is "Generate CSS Selectors from the Chrome Devtools Elements Panel".

Extension Screenshots

Download CSS Selector Finder for Chrome Devtools Extension CRX File

Download CSS Selector Finder for Chrome Devtools 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

Easy to use Devtools sidebar that aids in finding unique CSS selectors.

- Unique CSS selectors are continuously generated as the selection is changed in the Devtools Elements panel
- Highly configurable. Settings can easily be changed interactively and results can be seen immediately.
- Enable/Disable usage of IDs, Class names, and Tag names for selector generation
- Filter out specific values of IDs, Class names, and Tag names
- Use custom attribute names and attribute name/value pairs
- Various settings to control robustness and optimization of selectors

Extension Basic Information

Name	CSS Selector Finder for Chrome Devtools
ID	mbeedbpphndkijipfcklhlgmoolapiml
Official URL	https://chromewebstore.google.com/detail/css-selector-finder-for-c/mbeedbpphndkijipfcklhlgmoolapiml
Description	Generate CSS Selectors from the Chrome Devtools Elements Panel
File Size	35.66 KB
Installation Count	2,746
Current Version	0.1
Last Updated	2020-06-23
Publish Date	2020-06-23
Rating	3.67/5 Total 3 Ratings
Developer	https://abbadata.com
Email	[email protected]
Payment Type	free
Extension Website	https://abbadata.com/devtools_selector_finder.html
Help Page URL	https://github.com/abbadata/devtools-css-selector
Supported Languages	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "short_name": "CSS Selector Finder for Chrome Devtools", "name": "CSS Selector Finder for Chrome Devtools", "version": "0.1", "description": "Generate CSS Selectors from the Chrome Devtools Elements Panel", "manifest_version": 2, "devtools_page": "devtools.html", "background": { "scripts": [ "\/static\/js\/background\/background.js" ], "persistent": false }, "icons": { "16": "abba16.png", "48": "abba48.png", "128": "abba128.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "\/static\/js\/content_script.js" ], "run_at": "document_idle", "all_frames": true } ] }