CSS Selector Capture Pro

★★★★★
★★★★★
10,000+ users
<
>
Kirkland Signature Nature's Domain Dog Food, Beef Meal & Sweet Potato - 35 lb bag
★★★★★
★★★★★
DS Laboratories Spectral.DNC-S Hair Stimulation, Dual Delivery System - 2 fl oz
★★★★★
★★★★★
Powerful Indoor / Outdoor Personal Home Weather Station| Merchandise Plug
★★★★★
★★★★★
Crucial BX500 1TB 3D NAND SATA 2.5in SSD
★★★★★
★★★★★
Reclaiming Israel's History: Roots, Rights, and the Struggle for Peace [Book]
★★★★★
★★★★★
2024 Facebook Ads Planner - Facebook Ads - Facebook Ads Campaign
★★★★★
★★★★★

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/c hrome-css-selector-capture/blo b/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
Related