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」です。

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

screenshot
screenshot
screenshot
screenshot

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 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
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": [
                ""
            ],
            "js": [
                "\/static\/js\/content_script.js"
            ],
            "run_at": "document_idle",
            "all_frames": true
        }
    ]
}