Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Co to jest Dom Size Analyzer?

Dom Size Analyzer to rozszerzenie Chrome opracowane przez Anand R, a jego główną funkcją jest „Google Chrome DevTools Extension for analyzing DOM size”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia Dom Size Analyzer

Pobierz pliki rozszerzeń Dom Size Analyzer w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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.                    

Podstawowe informacje o rozszerzeniu

Nazwa Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
Oficjalny URL https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Opis Google Chrome DevTools Extension for analyzing DOM size
Rozmiar pliku 58.04 KB
Liczba instalacji 3,631
Aktualna Wersja 1.25
Ostatnia Aktualizacja 2019-09-04
Data Publikacji 2019-08-31
Ocena 3.55/5 Łącznie 11 Oceny
Deweloper Anand R
Typ Płatności free
Obsługiwane Języki 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
    }
}