CSS Selector Finder for Chrome Devtools
Generate CSS Selectors from the Chrome Devtools Elements Panel
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 拡張機能の基本情報
| 名前 | |
| 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 |
| Eメール | [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": [
" | |