CSS Selector Finder for Chrome Devtools

Generate CSS Selectors from the Chrome Devtools Elements Panel

Qu'est-ce que CSS Selector Finder for Chrome Devtools ?

CSS Selector Finder for Chrome Devtools est une extension Chrome développée par https://abbadata.com, et sa fonction principale est "Generate CSS Selectors from the Chrome Devtools Elements Panel".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension CSS Selector Finder for Chrome Devtools

Téléchargez les fichiers d'extension CSS Selector Finder for Chrome Devtools au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom CSS Selector Finder for Chrome Devtools CSS Selector Finder for Chrome Devtools
ID mbeedbpphndkijipfcklhlgmoolapiml
URL Officiel https://chromewebstore.google.com/detail/css-selector-finder-for-c/mbeedbpphndkijipfcklhlgmoolapiml
Description Generate CSS Selectors from the Chrome Devtools Elements Panel
Taille du Fichier 35.66 KB
Nombre d'Installations 2,746
Version Actuelle 0.1
Dernière Mise à Jour 2020-06-23
Date de Publication 2020-06-23
Évaluation 3.67/5 Total 3 Évaluations
Développeur https://abbadata.com
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://abbadata.com/devtools_selector_finder.html
URL de la Page d'Aide https://github.com/abbadata/devtools-css-selector
Langues Prises en Charge 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
        }
    ]
}