HTML Hierarchy Visualizer là gì?

HTML Hierarchy Visualizer là một tiện ích mở rộng Chrome được phát triển bởi steven.massola, và tính năng chính của nó là "This extension is a tool that helps visualize the layout of HTML elements on a webpage".

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

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

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

HTML Hierarchy Visualizer is a visualization tool for front end web developers that assists in understanding the breakdown of a webpage. It creates colored borders and backgrounds to distinguish the ancestry and layout of HTML elements.

How To Use:
- Press chrome extension icon, a drop-down menu will appear
- Select either apply border or apply background to highlight the different elements on the page
- Select remove border or remove background to bring webpage back to original state

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

Tên	HTML Hierarchy Visualizer
ID	beaeppehjnnnidajcmalfcajahopihcb
URL Chính Thức	https://chromewebstore.google.com/detail/html-hierarchy-visualizer/beaeppehjnnnidajcmalfcajahopihcb
Mô tả	This extension is a tool that helps visualize the layout of HTML elements on a webpage
Kích Thước Tệp	21.62 KB
Số Lần Cài Đặt	2,678
Phiên Bản Hiện Tại	0.0.0.5
Cập Nhật Lần Cuối	2016-09-13
Ngày Phát Hành	2016-09-13
Đánh Giá	5.00/5 Tổng số 8 Đánh Giá
Nhà Phát Triển	steven.massola
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": "HTML Hierarchy Visualizer", "description": "This extension is a tool that helps visualize the layout of HTML elements on a webpage", "version": "0.0.0.5", "icons": { "16": "\/images\/icon19.png", "48": "\/images\/icon48.png", "64": "\/images\/icon64.png" }, "browser_action": { "default_icon": ".\/images\/icon.png", "default_popup": "popup.html" }, "permissions": [ "activeTab" ], "web_accessible_resources": [ "colors.css" ] }