Item logo image for CSS Selector Capture Pro

CSS Selector Capture Pro

Featured
5.0(

11 ratings

)
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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 ≡ How to Use * 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 * Detailed User Guide: https://github.com/CharltonC/chrome-css-selector-capture/blob/master/README.md * 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. ≡ Privacy * The extension does NOT collect any data or send data to third party. ≡ Release * 2.4.1 (2024.07.29) - Adjusted text alignment * 2.4.0 (2024.06.06) - Optimization for highlights, scroll and resize * 2.3.2 (2023.08.24) - Upgraded to manifest v3 * 2.3.1 (2021.09.01) - Fixed algorithm in v2.3.0 * 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 * 1.0.0 (2018.09.29) - Initial Release

5 out of 511 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Anbu flipflopSep 15, 2023

Loved it...!

Review's profile picture

Michael GichukiNov 28, 2022

It was a life saver especially in google maps

1 person found this review to be unhelpful
Review's profile picture

Abdelrahman MohammedJul 18, 2022

Great extension, very handy when web developing and creating tools and extensions for websites.

1 person found this review to be unhelpful

Details

  • Version
    2.4.1
  • Updated
    July 29, 2024
  • Offered by
    POINT & SHOOT
  • Size
    116KiB
  • Languages
    English
  • Developer
    Email
    charltoncnpm@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

CSS Selector Finder for Chrome Devtools

4.0(5)

Generate CSS Selectors from the Chrome Devtools Elements Panel

Find Selector

4.0(4)

Javascript selector to quickly find elements on the page.

Element Locator

3.4(21)

Locate and save web elements and get their xpath/cssSelector code

CSS Inspector

2.5(65)

An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.

SelectorsHub - XPath Helper

4.9(1.4K)

XPath plugin to auto generate, write and verify xpath & cssSelector.

Selector Finder

5.0(3)

Identifies DOM location, selector and properties of any object in any web page.

Copy Css Selector

3.8(25)

Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.

Visual CSS Editor

4.1(140)

Customize any website visually.

SelectorGadget

4.5(108)

Easy, powerful CSS Selector generation.

Ranorex Selocity

4.5(51)

Auto-generate robust XPath, link text, RanoreXPath, and CSS selectors for use with Selenium.

CSS Selector Tester

5.0(3)

Highlight the elements matching a given CSS selector.

CSS Selector Helper

3.8(57)

Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.

CSS Selector Finder for Chrome Devtools

4.0(5)

Generate CSS Selectors from the Chrome Devtools Elements Panel

Find Selector

4.0(4)

Javascript selector to quickly find elements on the page.

Element Locator

3.4(21)

Locate and save web elements and get their xpath/cssSelector code

CSS Inspector

2.5(65)

An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.

SelectorsHub - XPath Helper

4.9(1.4K)

XPath plugin to auto generate, write and verify xpath & cssSelector.

Selector Finder

5.0(3)

Identifies DOM location, selector and properties of any object in any web page.

Copy Css Selector

3.8(25)

Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.

Visual CSS Editor

4.1(140)

Customize any website visually.