VisualDOM

Visual representation of the Document Object Model, displayed in browser. Rendered diagram reduces confusion during web development.

VisualDOM là gì?

VisualDOM là một tiện ích mở rộng Chrome được phát triển bởi cmderobertis, và tính năng chính của nó là "Visual representation of the Document Object Model, displayed in browser. Rendered diagram reduces confusion during web development.".

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

screenshot

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

Tải xuống các tệp mở rộng VisualDOM 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

                        A lightweight visual representation of the Document Object Model to aid in web development, written in vanilla JavaScript and CSS. A "set-it-and-forget-it" solution to element nesting confusion.

This extension draws a diagram of the elements on their HTML page in order to easily visualize how their HTML elements are nested within one another. Tag names, classes, and IDs are shown inside each node, color-coded for convenient, meaningful identification.

How to use:

- Open your HTML file in the browser.
- Click the VisualDOM icon to enable it. Chrome may ask for certain permissions (no user data or website information is ever stored)
- Refreshing the page (or modifying your HTML while using a Live Server IDE extension) will remove the elements generated by VisualDOM, and you will need to click the icon again to generate the updated content.

Like what you see? Find me on GitHub 👉 https://github.com/cmderobertis                    

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

Tên VisualDOM VisualDOM
ID aanodhkbohbafcokdhkedojclmfgpmgf
URL Chính Thức https://chromewebstore.google.com/detail/visualdom/aanodhkbohbafcokdhkedojclmfgpmgf
Mô tả Visual representation of the Document Object Model, displayed in browser. Rendered diagram reduces confusion during web development.
Kích Thước Tệp 92.7 KB
Số Lần Cài Đặt 31
Phiên Bản Hiện Tại 0.0.1
Cập Nhật Lần Cuối 2022-08-03
Ngày Phát Hành 2022-08-03
Nhà Phát Triển cmderobertis
Email [email protected]
Loại Thanh Toán free
Ngôn Ngữ Được Hỗ Trợ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "VisualDOM",
    "description": "Visual representation of the Document Object Model, displayed in browser. Rendered diagram reduces confusion during web development.",
    "version": "0.0.1",
    "manifest_version": 3,
    "permissions": [
        "activeTab",
        "scripting"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_icon": {
            "32": "assets\/icons\/vdom-square32.png",
            "64": "assets\/icons\/vdom-square64.png",
            "128": "assets\/icons\/vdom-square128.png",
            "256": "assets\/icons\/vdom-square256.png",
            "512": "assets\/icons\/vdom-square512.png"
        }
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "css": [
                "vdom.css"
            ]
        }
    ],
    "icons": {
        "32": "assets\/icons\/vdom-square32.png",
        "64": "assets\/icons\/vdom-square64.png",
        "128": "assets\/icons\/vdom-square128.png",
        "256": "assets\/icons\/vdom-square256.png",
        "512": "assets\/icons\/vdom-square512.png"
    }
}