ما هو CSS Selector Capture Pro؟

CSS Selector Capture Pro هو إضافة Chrome تم تطويرها بواسطة POINT & SHOOT، والميزة الرئيسية لها هي "Generate a copiable CSS Selector with a mouseover without Devtool".

لقطات شاشة التمديد

تحميل ملف CRX للإضافة CSS Selector Capture Pro

قم بتنزيل ملفات الامتداد CSS Selector Capture Pro بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات 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
عنوان صفحة المساعدة	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": [ "" ] } ] }