CSS Selector Capture Pro

Generate a copiable CSS Selector with a mouseover without Devtool

CSS Selector Capture Proとは何ですか?

CSS Selector Capture ProはPOINT & SHOOTによって開発されたChromeの拡張機能で、その主な機能は「Generate a copiable CSS Selector with a mouseover without Devtool」です。

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

screenshot
screenshot
screenshot

CSS Selector Capture Pro拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

                        Clean, simple and intuitive to use, accompanied with these exclusive features.
✓ Copiable and tweak-able Selector ready to use in CSS/JavaScript
✓ Highlights of elements which match the Selector
✓ Total matches based on the Selector within Viewport context
✓ The choice of Concise or Verbose selector
✓ Minimal interference with the page


≡ How to Use

* User Guide: https://github.com/CharltonC/chrome-css-selector-capture/blob/master/README.md

* Enable the App, Use "CTRL" Key to lock/unlock the selector highlight in position and click the Copy button to copy the selector.

* If needed, click on the selector path to tweak the selector before copying.

* Use "ESC" key to exit the App


≡ Where would this extension be useful

* The extension would typically suit the use of Front End Development, End to End testing such as Selenium as well as Data Scraping where visually identifying a target, matches and getting the CSS selector are needed.

* Lite version also available: https://chrome.google.com/webstore/detail/css-selector-capture-lite/cfjcaifmdcgnnbbnhgmgikdbonflhmaa


≡ Privacy

* The extension does NOT collect any data or send data to third party.


≡ Release

* 2.3.2 (2023.08.24)
  - Upgraded to manifest v3

* 2.3.1 (2021.09.01)
  - Fixed algorithm in v2.3.0

* 2.3.0 (2021.07.15)
  - Optimization for concise selector

* 2.2.0 (2019.03.23)
  - Added a User Guide Link in Extension Icon Popup

* 2.1.0 (2019.03.21)
  - Added a shortcut hotkey (CTRL) for locking toggle of the overlays

* 2.0.0 (2019.02.25)
  - Optimization for concise selector (i.e. shorter)
  - Adjustment of selector background opacity when trigger button for Settings Dialog is on top and user hovers it

* 1.0.3 (2018.10.15)
  - Optimization for selector retrieval

* 1.0.0 (2018.09.29)
  - Initial Release                    

拡張機能の基本情報

名前 CSS Selector Capture Pro CSS Selector Capture Pro
ID cpnkcffhllafbdbljkmhebnpbnlhapmd
公式URL https://chromewebstore.google.com/detail/css-selector-capture-pro/cpnkcffhllafbdbljkmhebnpbnlhapmd
説明 Generate a copiable CSS Selector with a mouseover without Devtool
ファイルサイズ 115 KB
インストール数 11,260
現在のバージョン 2.3.2
最終更新日 2023-08-24
公開日 2019-12-06
評価 5.00/5 合計 11 レビュー
開発者 POINT & SHOOT
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/CharltonC/chrome-css-selector-capture
ヘルプページのURL https://github.com/CharltonC/chrome-css-selector-capture/blob/master/README.md
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "CSS Selector Capture Pro",
    "version": "2.3.2",
    "minimum_chrome_version": "88",
    "description": "Generate a copiable CSS Selector with a mouseover without Devtool",
    "author": "Charlton Cheng",
    "offline_enabled": true,
    "permissions": [
        "storage",
        "clipboardWrite"
    ],
    "host_permissions": [
        ""
    ],
    "icons": {
        "16": "common\/icon_16.png",
        "32": "common\/icon_32.png",
        "48": "common\/icon_48.png",
        "128": "common\/icon_128.png"
    },
    "content_scripts": [
        {
            "all_frames": false,
            "run_at": "document_end",
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "common\/app.min.js",
                "content-script\/main.min.js"
            ]
        }
    ],
    "action": {
        "default_icon": {
            "16": "common\/icon_16.png",
            "24": "common\/icon_24.png",
            "32": "common\/icon_32.png"
        },
        "default_title": "CSS Selector Capture Pro",
        "default_popup": "popup\/index.html"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "common\/app.min.css",
                "common\/shl-app-icomoon.woff"
            ],
            "matches": [
                ""
            ]
        }
    ]
}