CSS Selector Capture Pro란 무엇입니까?

CSS Selector Capture Pro은(는) POINT & SHOOT에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Generate a copiable CSS Selector with a mouseover without Devtool"입니다.

확장 프로그램 스크린샷

CSS Selector Capture Pro 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

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

* User Guide: https://github.com/CharltonC/chrome-css-selector-capture/blob/master/README.md

* 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

≡ 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.

* Lite version also available: https://chrome.google.com/webstore/detail/css-selector-capture-lite/cfjcaifmdcgnnbbnhgmgikdbonflhmaa

≡ Privacy

* The extension does NOT collect any data or send data to third party.

≡ Release

* 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
공식 URL	https://chromewebstore.google.com/detail/css-selector-capture-pro/cpnkcffhllafbdbljkmhebnpbnlhapmd
설명	Generate a copiable CSS Selector with a mouseover without Devtool
파일 크기	115 KB
설치 횟수	11,260
현재 버전	2.3.2
최근 업데이트	2023-08-24
출시 날짜	2019-12-06
평점	5.00/5 총 11 개의 평점
개발자	POINT & SHOOT
이메일	[email protected]
결제 유형	free
확장 프로그램 웹 사이트	https://github.com/CharltonC/chrome-css-selector-capture
도움말 페이지 URL	https://github.com/CharltonC/chrome-css-selector-capture/blob/master/README.md
지원되는 언어	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "CSS Selector Capture Pro", "version": "2.3.2", "minimum_chrome_version": "88", "description": "Generate a copiable CSS Selector with a mouseover without Devtool", "author": "Charlton Cheng", "offline_enabled": true, "permissions": [ "storage", "clipboardWrite" ], "host_permissions": [ "" ], "icons": { "16": "common\/icon_16.png", "32": "common\/icon_32.png", "48": "common\/icon_48.png", "128": "common\/icon_128.png" }, "content_scripts": [ { "all_frames": false, "run_at": "document_end", "matches": [ ":\/\/\/*" ], "js": [ "common\/app.min.js", "content-script\/main.min.js" ] } ], "action": { "default_icon": { "16": "common\/icon_16.png", "24": "common\/icon_24.png", "32": "common\/icon_32.png" }, "default_title": "CSS Selector Capture Pro", "default_popup": "popup\/index.html" }, "web_accessible_resources": [ { "resources": [ "common\/app.min.css", "common\/shl-app-icomoon.woff" ], "matches": [ "" ] } ] }