Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Apa itu Dom Size Analyzer?

Dom Size Analyzer adalah ekstensi Chrome yang dikembangkan oleh Anand R, dan fitur utamanya adalah "Google Chrome DevTools Extension for analyzing DOM size".

Screenshot Ekstensi

screenshot
screenshot
screenshot

Unduh Berkas CRX Ekstensi Dom Size Analyzer

Unduh file ekstensi Dom Size Analyzer dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

                        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.                    

Informasi Dasar Ekstensi

Nama Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
URL Resmi https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Deskripsi Google Chrome DevTools Extension for analyzing DOM size
Ukuran File 58.04 KB
Jumlah Instalasi 3,631
Versi Saat Ini 1.25
Terakhir Diperbarui 2019-09-04
Tanggal Publikasi 2019-08-31
Penilaian 3.55/5 Total 11 Penilaian
Pengembang Anand R
Tipe Pembayaran free
Bahasa yang Didukung 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
    }
}