Apa itu HTML Hierarchy Visualizer?

HTML Hierarchy Visualizer adalah ekstensi Chrome yang dikembangkan oleh steven.massola, dan fitur utamanya adalah "This extension is a tool that helps visualize the layout of HTML elements on a webpage".

Screenshot Ekstensi

Unduh Berkas CRX Ekstensi HTML Hierarchy Visualizer

Unduh file ekstensi HTML Hierarchy Visualizer dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

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

Informasi Dasar Ekstensi

Nama	HTML Hierarchy Visualizer
ID	beaeppehjnnnidajcmalfcajahopihcb
URL Resmi	https://chromewebstore.google.com/detail/html-hierarchy-visualizer/beaeppehjnnnidajcmalfcajahopihcb
Deskripsi	This extension is a tool that helps visualize the layout of HTML elements on a webpage
Ukuran File	21.62 KB
Jumlah Instalasi	2,678
Versi Saat Ini	0.0.0.5
Terakhir Diperbarui	2016-09-13
Tanggal Publikasi	2016-09-13
Penilaian	5.00/5 Total 8 Penilaian
Pengembang	steven.massola
Tipe Pembayaran	free
Bahasa yang Didukung	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" ] }