gafpmbhfhknmigcacfokobfbkikhkhnp
Validate your CSS selector visually with ease. Easily validate your CSS selector. CSS Selector Tester makes it easy to identify your elements matching a given CSS selector. Clean, simple and intuitive to use. ✓ Highlights elements on the fly while typing ✓ Total matches based on the selector ✓ Pause or resume the highlighting of elements Useful plugin for web design or web scraping. Currently does not support the \"HTML\" Element or \"*\" selector. This extension is based on the work of Patrick Simpson.
CSS Selector
A chrome extension to help you find the css selector of an element. This extension makes it easy to find the css selector of an element. It is useful when you want to find the css selector of an element in a page, but you don't want to use the developer tools. 1. Open the extension by clicking on the icon 2. Move your mouse over the element you want to inspect 3. When the element is highlighted, click to select it and the selector will be copied to your clipboard
ElemPick - A Selector XPath Element Picker
A simple element picker that can generate CSS Selectors and XPath expressions. Important I want you to be 100% happy with ElemPick! If something isn't working right, or if there's a feature you think is missing, please open an issue on GitHub and give me a chance to help before leaving a review: https://github.com/sixcious/elempick/issues About ElemPick is a simple element picker that can generate a path (Selector or XPath) to an HTML element on the page. Click on the toolbar icon, then click on the element you want on the page, and then click the Clipboard Button above the path in the small UI Window to copy it. Features • Generates a CSS Selector or XPath Expression for an element on the page • Can also generate JS Paths (JavaScript Paths) • Dual algorithm support: Use ElemPick's internal algorithm or Chromium's • Context Menu Option available so ElemPick can be one right click away • DOM Traversal Buttons to allow you to navigate to a nearby element • Limited support for elements inside Shadow DOM and Same-Origin Iframes • Options: Optimize paths and choose your preferred quote style • User Interface: A simple UI made with Material Design and Lit Privacy Policy ElemPick does not track you. It does not use analytic services. It does not collect any data from your device or computer. All your data is stored locally on your device. Your data is *your* data.
CSS Selector Capture Pro
Generate a copiable CSS Selector with a mouseover without Devtool Clean, simple and intuitive to use, accompanied with these exclusive features. ✓ Copiable and tweak-able Selector ready to use in CSS/JavaScript ✓ Highlights of elements which match the Selector ✓ Total matches based on the Selector within Viewport context ✓ The choice of Concise or Verbose selector ✓ Minimal interference with the page * Short version: - Enable the App, Use "CTRL" Key to lock／unlock the selector highlight in position and click the Copy button to copy the selector. - If needed, click on the selector path to tweak the selector before copying. - Use "ESC" key to exit the App * Beware the extension does not support the following contexts: - shadow DOM (suggestion: use chrome devtool since you will be traversing down the shadow root anyway) - iframe (suggestion: to open the iframe URL in new tab and use the extension) ≡ Where would this extension be useful * The extension would typically suit the use of Front End Development, End to End testing such as Selenium as well as Data Scraping where visually identifying a target, matches and getting the CSS selector are needed. * If you do find this extension useful, please support it by simply giving it a good review and that will help others find it. * The extension does NOT collect any data or send data to third party. * 2.4.0 (2024.06.06) - Optimization for highlights, scroll and resize * 2.3.0 (2021.07.15) - Optimization for concise selector * 2.2.0 (2019.03.23) - Added a User Guide Link in Extension Icon Popup * 2.1.0 (2019.03.21) - Added a shortcut hotkey (CTRL) for locking toggle of the overlays * 2.0.0 (2019.02.25) - Optimization for concise selector (i.e. shorter) - Adjustment of selector background opacity when trigger button for Settings Dialog is on top and user hovers it * 1.0.3 (2018.10.15) - Optimization for selector retrieval
CSS Selector Helper
Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests. CSS Selector Helper makes finding the right CSS selector on a web page much quicker and easier than digging through the HTML. Unlike other tools meant to help you locate CSS selectors, this extension allows you to choose the selectors manually, so that they can match up better with the structure of the page as it was designed.
