Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Qu'est-ce que Dom Size Analyzer ?

Dom Size Analyzer est une extension Chrome développée par Anand R, et sa fonction principale est "Google Chrome DevTools Extension for analyzing DOM size".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Dom Size Analyzer

Téléchargez les fichiers d'extension Dom Size Analyzer 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

                        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.                    

Informations de Base sur l'Extension

Nom Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
URL Officiel https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Description Google Chrome DevTools Extension for analyzing DOM size
Taille du Fichier 58.04 KB
Nombre d'Installations 3,631
Version Actuelle 1.25
Dernière Mise à Jour 2019-09-04
Date de Publication 2019-08-31
Évaluation 3.55/5 Total 11 Évaluations
Développeur Anand R
Type de Paiement free
Langues Prises en Charge 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
    }
}