Selector Gadget is an open source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze. After having installed the extension, go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs. There is a tutorial video and a bookmarklet version available at https://selectorgadget.com
You can Follow the below Step By Step procedure to install the SelectorGadget Chrome Extension to your Chrome Web browser.
It is the SelectorGadget Chrome extension download link you can download and install Chrome Browser.
Quick, Easy, powerful CSS Selector generation.
Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.
Data Scraper extracts data out of HTML web pages and imports it into Microsoft Excel spreadsheets
Locate and save web elements and get their xpath/cssSelector code
Find the unique selector for any element on page.
Extract, edit, and evaluate XPath queries with ease.
Web data extraction tool with an easy point-and-click interface for modern web
Generate a copiable CSS Selector with a mouseover without Devtool
Click on any element to get the xPath