CSS Selector Finder for Chrome Devtoolsคืออะไร?

CSS Selector Finder for Chrome Devtools เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://abbadata.com และคุณลักษณะหลักของมันคือ "Generate CSS Selectors from the Chrome Devtools Elements Panel"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย CSS Selector Finder for Chrome Devtools

ดาวน์โหลดไฟล์ส่วนขยาย CSS Selector Finder for Chrome Devtools ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

Easy to use Devtools sidebar that aids in finding unique CSS selectors.

- Unique CSS selectors are continuously generated as the selection is changed in the Devtools Elements panel
- Highly configurable. Settings can easily be changed interactively and results can be seen immediately.
- Enable/Disable usage of IDs, Class names, and Tag names for selector generation
- Filter out specific values of IDs, Class names, and Tag names
- Use custom attribute names and attribute name/value pairs
- Various settings to control robustness and optimization of selectors

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	CSS Selector Finder for Chrome Devtools
ID	mbeedbpphndkijipfcklhlgmoolapiml
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/css-selector-finder-for-c/mbeedbpphndkijipfcklhlgmoolapiml
คำอธิบาย	Generate CSS Selectors from the Chrome Devtools Elements Panel
ขนาดไฟล์	35.66 KB
จำนวนการติดตั้ง	2,746
เวอร์ชันปัจจุบัน	0.1
อัปเดตครั้งล่าสุด	2020-06-23
วันที่เผยแพร่	2020-06-23
คะแนน	3.67/5 รวมทั้งหมด 3 คะแนน
ผู้พัฒนา	https://abbadata.com
อีเมล	[email protected]
ประเภทการชำระเงิน	free
เว็บไซต์ส่วนขยาย	https://abbadata.com/devtools_selector_finder.html
URL หน้าช่วยเหลือ	https://github.com/abbadata/devtools-css-selector
ภาษาที่รองรับ	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "short_name": "CSS Selector Finder for Chrome Devtools", "name": "CSS Selector Finder for Chrome Devtools", "version": "0.1", "description": "Generate CSS Selectors from the Chrome Devtools Elements Panel", "manifest_version": 2, "devtools_page": "devtools.html", "background": { "scripts": [ "\/static\/js\/background\/background.js" ], "persistent": false }, "icons": { "16": "abba16.png", "48": "abba48.png", "128": "abba128.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "\/static\/js\/content_script.js" ], "run_at": "document_idle", "all_frames": true } ] }