Generate a copiable CSS Selector with a mouseover without Devtool
CSS Selector Capture Pro Extension
✓ 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
Source Manifest.json
Similar Extensions
SelectorsHub - XPath Helper 10,000+ 1384 ★ 556KiB
Selector Finder 10,000+ 3 ★ 333KiB
Copy Css Selector 10,000+ 26 ★ 19.31KiB
Visual CSS Editor 10,000+ 145 ★ 414KiB
SelectorGadget 10,000+ 108 ★ 86.66KiB
Ranorex Selocity 10,000+ 51 ★ 6.59MiB
CSS Selector Tester 10,000+ 4 ★ 30.87KiB
CSS Selector Helper 10,000+ 60 ★ 91.27KiB
CSS Selector Finder for Chrome Devtools 10,000+ 5 ★ 35.66KiB
Find Selector 10,000+ 4 ★ 62.08KiB
Copy CSS Selector 10,000+ 3 ★ 72.91KiB
Element Locator 10,000+ 22 ★ 264KiB
CSS Inspector 10,000+ 64 ★ 2.57MiB
Easy Select 10,000+ 9 ★ 162KiB
CSS Selector 10,000+ 2 ★ 73.43KiB
CSS Brio 10,000+ 5 ★ 86.26KiB
CSS Scan 10,000+ 84 ★ 1.41MiB
Amino: Live CSS Editor 10,000+ 453 ★ 1.45MiB
Live editor for CSS, Less & Sass - Magic CSS 10,000+ 266 ★ 2.15MiB
SnipCSS 10,000+ 32 ★ 13.12MiB
Web Design Pirate 10,000+ 21 ★ 134KiB
Hoverify 10,000+ 145 ★ 14.54MiB
Jinno: code any React component with AI 10,000+ 38 ★ 18.37MiB
CSS Used 10,000+ 184 ★ 164KiB
User reviews
Anbu flipflop (ID: 00000085a65fa563) Voted 5 ★ - Updated 09/15/2023
Michael Gichuki (ID: 000000b81cf6ccd8) Voted 5 ★ - Updated 11/28/2022
Abdelrahman Mohammed (ID: 000000b2031833a5) Voted 5 ★ - Updated 07/18/2022
UniQuery (ID: 000000fed7586b82) Voted 5 ★ - Updated 03/14/2022
Kamil Nader (ID: 0000003a9b0eb006) Voted 5 ★ - Updated 10/17/2021