CSS Selector Capture Pro

Generate a copiable CSS Selector with a mouseover without Devtool

What is CSS Selector Capture Pro?

CSS Selector Capture Pro is a unique Chrome extension designed to generate and capture CSS selectors with a simple mouseover. It provides a copiable and adjustable CSS selector which can be easily used in CSS/JavaScript programming. The extension highlights matching elements and counts total matches for the created selector within the viewport context. Users can choose to create concise or verbose selectors and the extension ensures minimal interference with the webpage. Alongside being ideal for front-end development, it is also suitable for end-to-end testing and data scraping.

Download

Stats

By: POINT & SHOOT

View on Chrome Web Store

Users: 10,000+

Rating: 5.00 (11)

Version: 2.3.2 (Last updated: 2023-08-24)

Creation date: 2019-12-06

Risk impact: High risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

storage
clipboardWrite

Host permissions:

<all_urls>

Size: 117.76K

Email: ch*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 9451 ▼ 88

Other rankings

#102 in Developer Tools

#63 in point keyword 30 ▼ 7

#74 in capture keyword 79 ▼ 17

#142 in optimize keyword 7 ▲ 5

#150 in guide keyword 11 ▼ 2

Upgrade to see more rankings

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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

User Guide: https://github.com/CharltonC/chrome-css-selector-capture/blob/master/README.md
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.

User reviews

User reviews summary

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Handy and useful
Works well
Excellent for finding/refining CSS selectors
Includes desirable features

Cons

Doesn't work inside iframes
Difficulty in selecting parent tag with mouse

Most mentioned

Essential for web development
Useful in Google Maps
Ability to find/refine CSS selectors

Recent reviews

Loved it...!

Anbu flipflop, 2023-09-15

It was a life saver especially in google maps

Michael Gichuki, 2022-11-28

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

Abdelrahman Mohammed, 2022-07-18

View all user reviews

Safety

Risk impact

CSS Selector Capture Pro is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install CSS Selector Capture Pro if you trust the publisher.