Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

ما هو Dom Size Analyzer؟

Dom Size Analyzer هو إضافة Chrome تم تطويرها بواسطة Anand R، والميزة الرئيسية لها هي "Google Chrome DevTools Extension for analyzing DOM size".

لقطات شاشة التمديد

screenshot
screenshot
screenshot

تحميل ملف CRX للإضافة Dom Size Analyzer

قم بتنزيل ملفات الامتداد Dom Size Analyzer بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات 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
    }
}