Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Τι είναι το Dom Size Analyzer;

Το Dom Size Analyzer είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον Anand R, και η κύρια λειτουργία του είναι "Google Chrome DevTools Extension for analyzing DOM size".

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

screenshot
screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης Dom Size Analyzer

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

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

                        According to (https://developers.google.com/web/tools/lighthouse/audits/dom-size), an optimal DOM tree has the following properties:
-Has less than 1500 nodes total.
-Has a maximum depth of 32 nodes.
-Has no parent node with more than 60 child nodes.

We can use this devtool to analyze a page's DOM to easily find out which parts of the page are adding weight to it.

****NEW*****
Scrolling the DOM element into view and highlighting it when hovered in this devtool.                    

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

Όνομα Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
Επίσημο URL https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Περιγραφή Google Chrome DevTools Extension for analyzing DOM size
Μέγεθος Αρχείου 58.04 KB
Αριθμός Εγκαταστάσεων 3,631
Τρέχουσα Έκδοση 1.25
Τελευταία Ενημέρωση 2019-09-04
Ημερομηνία Δημοσίευσης 2019-08-31
Αξιολόγηση 3.55/5 Συνολικά 11 Αξιολογήσεις
Προγραμματιστής Anand R
Τύπος Πληρωμής free
Υποστηριζόμενες Γλώσσες en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Dom Size Analyzer",
    "description": "Google Chrome DevTools Extension for analyzing DOM size",
    "version": "1.25",
    "permissions": [
        "*:\/\/*\/*"
    ],
    "devtools_page": "devtools.html",
    "web_accessible_resources": [
        "injectable.js"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "contentScript.js"
            ]
        }
    ],
    "background": {
        "scripts": [
            "backgroundScript.js"
        ],
        "persistent": false
    }
}