CSS Selectorとは何ですか？

CSS SelectorはCool and Fun Softwareによって開発されたChromeの拡張機能で、その主な機能は「Quick, Easy, powerful CSS Selector generation.」です。

拡張機能のスクリーンショット

CSS Selector拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

This extension makes finding the right CSS selector on a web page much quicker and easier than digging through the HTML.

1) Install this extension to your chrome browser.

2) Inspect an element on your page or select an element on the "Elements" page of the Chrome Browser Dev tools.

3) Navigate to the "CSS Selector" tab on the sidebar of the "Elements" page of the Dev tools.

4) When you have found your CSS selector, click the button to copy the complete and properly formatted selector.

名前	CSS Selector
ID	dobcgekgcmhjmfahepgbpmiaejlpaalc
公式URL	https://chromewebstore.google.com/detail/css-selector/dobcgekgcmhjmfahepgbpmiaejlpaalc
説明	Quick, Easy, powerful CSS Selector generation.
ファイルサイズ	73.43 KB
インストール数	12,287
現在のバージョン	3.0.0
最終更新日	2022-04-05
公開日	2020-07-29
評価	2.33/5 合計 3 レビュー
開発者	Cool and Fun Software
Eメール	[email protected]
支払い方法	free
対応言語	id,ms,de,en,fil,fr,nl,no,vi,tr,ca,da,et,es,hr,it,lv,lt,hu,pl,ro,sk,sl,fi,sv,cs,el,sr,bg,ru,uk,iw,fa,hi,th,ar,ja,ko
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "background": { "service_worker": "\/js\/background.js", "type": "module" }, "action": { "default_icon": { "19": "icons\/action19x19.png", "38": "icons\/action38x38.png" }, "default_title": "CSS Selector Gadget" }, "container": [ "GOOGLE_DRIVE" ], "default_locale": "en", "description": "__MSG_AppDesc__", "icons": { "128": "icons\/128x128.png", "16": "icons\/16x16.png", "48": "icons\/48x48.png" }, "manifest_version": 3, "name": "__MSG_AppName__", "offline_enabled": true, "permissions": [ "activeTab", "scripting" ], "version": "3.0.0", "homepage_url": "https:\/\/css-selector-gadget.dllplayer.com" }