CSS Selector Capture Pro Chrome 插件, crx 扩展下载
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
分类 | 💻开发者工具 |
插件标识 | cpnkcffhllafbdbljkmhebnpbnlhapmd |
平台 | Chrome |
评分 |
★★★★☆
4
|
评分人数 | 5 |
插件主页 | https://chromewebstore.google.com/detail/css-selector-capture-pro/cpnkcffhllafbdbljkmhebnpbnlhapmd |
版本号 | 2.4.1 |
大小 | 116KiB |
官网下载次数 | 10000 |
下载地址 | |
更新时间 | 2024-07-29 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入: chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意:请确保使用最新版本的Chrome浏览器
同类插件推荐
CSS Selector Finder for Chrome Devtools
Generate CSS Selectors from the Chrome Devtools El
CSS Selector Helper
Dev Tools sidebar that aids finding unique CSS sel
CSS Selector Tester
Highlight the elements matching a given CSS select
Ranorex Selocity
Auto-generate robust XPath, link text, RanoreXPath
SelectorGadget
Easy, powerful CSS Selector generation.Selector Ga
Copy Css Selector
Extends the Developer Tools and context menu, addi
Element Locator
Locate and save web elements and get their xpath/c
Copy CSS Selector
A tool to select, copy and save CSS selectors from
元素选择器
快速查找元素在页面上的Javascript选择器轻松快速的查找页面DOM元素的唯一的CSS选择器的J
Selector Finder
Identifies DOM location, selector and properties o
Visual CSS Editor
Customize any website visually.The extension allow
CSS Selector Capture Pro
Generate a copiable CSS Selector with a mouseover
SelectorsHub - XPath Helper
XPath plugin to auto generate, write and verify xp