Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Dom Size Analyzer là gì?

Dom Size Analyzer là một tiện ích mở rộng Chrome được phát triển bởi Anand R, và tính năng chính của nó là "Google Chrome DevTools Extension for analyzing DOM size".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Dom Size Analyzer

Tải xuống các tệp mở rộng Dom Size Analyzer dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
URL Chính Thức https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Mô tả Google Chrome DevTools Extension for analyzing DOM size
Kích Thước Tệp 58.04 KB
Số Lần Cài Đặt 3,631
Phiên Bản Hiện Tại 1.25
Cập Nhật Lần Cuối 2019-09-04
Ngày Phát Hành 2019-08-31
Đánh Giá 3.55/5 Tổng số 11 Đánh Giá
Nhà Phát Triển Anand R
Loại Thanh Toán free
Ngôn Ngữ Được Hỗ Trợ 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
    }
}