XPath CSS Explorer

Locate optimized XPath and CSS selectors for any element, explore/search CSS selectors

Τι είναι το XPath CSS Explorer;

Το XPath CSS Explorer είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον XPath CSS Explorer, και η κύρια λειτουργία του είναι "Locate optimized XPath and CSS selectors for any element, explore/search CSS selectors".

Στιγμιότυπα Επέκτασης

screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης XPath CSS Explorer

Λήψη αρχείων επέκτασης XPath CSS Explorer σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        XPath CSS Explorer

This tool is designed to provide web developers ability to explore the structure of a web page and generate optimized and robust XPath and CSS selectors to be used in their tests and other use cases. Other than the absolute XPath, the other paths are optimized to be short and generic enough to withstand certain changes to the page playout.  This is accomplished by utilizing ID and unique class information along with certain robust attributes such as name, title etc.

Explore Selectors
This section is a fantastic way to explore the structure of a web page.  It provides a search box to enter a CSS or XPath expression.  On entering, it outlines all web elements matching the criteria.  For example, type and enter "div", to find and outline all the divs in the page.  Any legal CSS/XPath expression works here.  Navigation UI shows all matched selectors along with the current one.  It allows to cycle through the found matches.

Current Selector
This section is designed to provide robust and optimized selector paths for any web element in a web page using a set of heuristics. Such paths can be embedded into Selenium or similar tools to create tests that are robust to changes in the UI. This panel automatically generates paths for current selected web item in the Elements panel.


Page CSS Information
This section provides a way of knowing all ID and Class elements available on the current page.  A numbered badge denotes the count if there is more than one element.  Explore each item by clicking on it, which propagates it to the search box to generate outlines.

Please provide feedback to incorporate into future releases. Hope the tool is of help!                    

Βασικές Πληροφορίες Επέκτασης

Όνομα XPath CSS Explorer XPath CSS Explorer
ID nhlmmlgjcjmoohoddkookdeebnbfcplf
Επίσημο URL https://chrome.google.com/webstore/detail/xpath-css-explorer/nhlmmlgjcjmoohoddkookdeebnbfcplf
Περιγραφή Locate optimized XPath and CSS selectors for any element, explore/search CSS selectors
Μέγεθος Αρχείου 278 KB
Αριθμός Εγκαταστάσεων 2,112
Τρέχουσα Έκδοση 0.9.0.6
Τελευταία Ενημέρωση 2019-07-08
Ημερομηνία Δημοσίευσης 2019-07-03
Αξιολόγηση 2.33/5 Συνολικά 3 Αξιολογήσεις
Προγραμματιστής XPath CSS Explorer
Ηλεκτρονικό ταχυδρομείο [email protected]
Τύπος Πληρωμής free
Υποστηριζόμενες Γλώσσες en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "XPath CSS Explorer",
    "description": "Locate optimized XPath and CSS selectors for any element, explore\/search CSS selectors",
    "version": "0.9.0.6",
    "browser_action": {
        "default_icon": "icon_128.png",
        "default_popup": "popup.html"
    },
    "icons": {
        "128": "icon_128.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "content_security_policy": "script-src 'self' https:\/\/www.google-analytics.com; object-src 'self'",
    "permissions": [
        "activeTab"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "all_frames": true,
            "css": [
                "content-script.css"
            ],
            "js": [
                "content-script.js"
            ]
        }
    ],
    "devtools_page": "devtools.html"
}