CSS Selector Capture Pro
简洁、直观且功能强大的扩展，助力前端开发、端到端测试和数据抓取，让您轻松捕捉和使用CSS选择器！
更新日期：2024 年 7 月 29 日分类标签：开发者利器平台：没限制
116KiB 10000 人已下载
![CSS Selector Capture Pro的使用截图[1]](https://pub-5a7e832ff55242a9939a215a4770a3e1.r2.dev/sNA8R2w5Eu1pCZW1AyYwkv0E9e67jgPpmeQxBmDYDzFBUFsCicSXLTC5qw7rC4INlXFE54gnw3z_bScQCcibpPnq5DY.png)
![CSS Selector Capture Pro的使用截图[2]](https://pub-5a7e832ff55242a9939a215a4770a3e1.r2.dev/wJaf4E2dxbL95TZK2p83XvI1jXxrbG1B9mmWyVJzc8GOnuuIIPLq37r-2BEfM1s_nu6M75VezcIuwEJgqG1lYtJShw.png)
![CSS Selector Capture Pro的使用截图[3]](https://pub-5a7e832ff55242a9939a215a4770a3e1.r2.dev/ZozX1_12ZkociT8ZGk64G7UOYjVTcdyony6YS5x8LJrtXcgTtAWlYqwO7h42Vnwczn3OXPrpB12P14hr_sgO4yyM.png)
![CSS Selector Capture Pro的使用截图[4]](https://pub-5a7e832ff55242a9939a215a4770a3e1.r2.dev/kF5amjviiek?rel=0&wmode=opaque&enablejsapi=1.png)
CSS Selector Capture Pro 插件安装教程：
扩展迷 | chrome插件下载与安装教程（图文讲解，全网最详细）
CSS Selector Capture Pro 插件简介：
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
CSS Selector Capture Pro 插件ID：
cpnkcffhllafbdbljkmhebnpbnlhapmd
CSS Selector Capture Pro 插件最新版本：
2.4.1
