Plugin Icon

CSS Selector Capture Pro Chrome 插件, crx 扩展下载

Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
                    

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
大小 116KiB
官网下载次数 10000
下载地址

CRX扩展文件安装方法

第1步: 打开Chrome浏览器的扩展程序

第2步: 在地址栏输入: chrome://extensions/

第3步: 开启右上角的【开发者模式】

第4步: 重启Chrome浏览器 (重要操作)

第5步: 重新打开扩展程序管理界面

第6步: 将下载的crx文件直接拖入页面完成安装

注意:请确保使用最新版本的Chrome浏览器

同类插件推荐