Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Dom Size Analyzer क्या है?

Dom Size Analyzer Anand R द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "Google Chrome DevTools Extension for analyzing DOM size"।

एक्सटेंशन स्क्रीनशॉट्स

screenshot
screenshot
screenshot

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में Dom Size Analyzer एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ crx फ़ाइलों को साझा करें ताकि क्रोम एक्सटेंशन को आसानी से स्थापित किया जा सके।

एक्सटेंशन उपयोग निर्देश

                        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
    }
}