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
电子邮箱 [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
        }
    ]
}