FindCSSSelector

FindCSSSelector is a Chrome Plugin that helps you to find and analyze unique CSS Selectors on web pages for test professionals

Notes: Tested on Linux, MacOS and also Windows

Usage

Clone the repository on a local folder
Open chrome://extensions on Chrome browser
Set Developer Mode enable
Load folder with Load Unpacked Item
Refresh your preffered tab or open a new page for first installation only
Click to the closed eye button to enable
Press shift while moving your mouse to see (and clipboard copy) your CSS Selectors
Click to the opened eye button to disable

Add comments to code
Add Chrome Plugin Package
Add UI for hidden features (just accessed via Debug Console, check FindCSSSelector object)
Add settings page and allow user to fine tuning (CSS Exclude, Priority, Whitelists, Problem Detection etc.)

Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
background.js		background.js
content.css		content.css
content.js		content.js
disabled128.png		disabled128.png
disabled16.png		disabled16.png
disabled32.png		disabled32.png
disabled372.png		disabled372.png
disabled48.png		disabled48.png
helper.js		helper.js
icon128.png		icon128.png
icon16.png		icon16.png
icon32.png		icon32.png
icon372.png		icon372.png
icon48.png		icon48.png
manifest.json		manifest.json
popup.html		popup.html
popup.js		popup.js
site.js		site.js