identifies dom location, selector and properties of any object in any web page..
[ ⌥ option or Alt ] + left click on the object to start then use the navigation console and the tools provided to research and customise your selectors.
Changelog:
ver 3.1.0 *pulse border for selected node + fix query bug + removed unused resources"
Ver 3.0.0 *cleaned up code and UI
ver 2.0.27 *using unobfuscated libraries
Ver 2.0.26 *Reduced code
Ver 2.0.25 *added support for names as optimised queries
Ver 2.0.24 *full support for special characters in queries
Ver 2.0.2 *Compacted UI*
Ver 2.0.1 *Converted UI into iframe for maximum compatibility*
Ver 1.0.9x *added extra css compatibility*
Ver 1.0.8 *improved code performance*
Ver 1.0.7 *added extra CSS compatibility, improved draggable ui, removed possibility to run SF on UI itself*
Ver 1.0.6 *added extra CSS compatibility, included first-child/ last-child properties*
Ver 1.0.5 *added extra CSS compatibility, introduced draggable ui*
You can Follow the below Step By Step procedure to install the Selector Finder Chrome Extension to your Chrome Web browser.
It is the Selector Finder Chrome extension download link you can download and install Chrome Browser.
Tags: Navigation Console , Improved Code , Maximum Compatibility , Improved Code Performance , Firstchild Lastchild Properties , Web Page , Added Support , Extra Css Compatibility , Draggable Ui , Css Compatibility Improved Draggable Ui Removed , Css Compatibility , Selected Node , Node Fix Query Bug , Location Selector , Alt ,
Easy, powerful, and interactive way to find unique CSS selectors for any DOM element.
Easy, powerful CSS Selector generation.
Build CSS selector for any element. Intended for use with Selenium, but works very well for building CSS or jQuery selectors
Generate a copiable CSS Selector with a mouseover without Devtool
Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
Visual selection of page element, navigate to parent, build XTag Selector (for XTagManager and Schneider Electric Tag Manager)
Alt+click any element to generate its optimum jquery selector path.
XPath/CSS Selenium/Germanium selectors, at a push of a button.
XPath/CSS Selenium/Germanium selectors, at a push of a button.
Create JavaScript and jQuery selectors with one click.