Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Co je Dom Size Analyzer?

Dom Size Analyzer je rozšíření Chrome vyvinuté Anand R, a jeho hlavní funkcí je „Google Chrome DevTools Extension for analyzing DOM size“.

Snímky obrazovky rozšíření

screenshot
screenshot
screenshot

Stáhnout soubor CRX rozšíření Dom Size Analyzer

Stáhněte si soubory rozšíření Dom Size Analyzer ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

                        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.                    

Základní Informace o Rozšíření

Název Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
Oficiální URL https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Popis Google Chrome DevTools Extension for analyzing DOM size
Velikost souboru 58.04 KB
Počet instalací 3,631
Aktuální Verze 1.25
Poslední Aktualizace 2019-09-04
Datum Vydání 2019-08-31
Hodnocení 3.55/5 Celkem 11 Hodnocení
Vývojář Anand R
Typ Platby free
Podporované Jazyky 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
    }
}