什麼是CSS Selector Finder for Chrome Devtools？

CSS Selector Finder for Chrome Devtools是由https://abbadata.com開發的Chrome擴展程式，該擴展的主要功能是“Generate CSS Selectors from the Chrome Devtools Elements Panel”。

擴展截圖

下載CSS Selector Finder for Chrome Devtools擴展crx文件

下載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
官方網址	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 } ] }