ما هو HTML Hierarchy Visualizer؟

HTML Hierarchy Visualizer هو إضافة Chrome تم تطويرها بواسطة steven.massola، والميزة الرئيسية لها هي "This extension is a tool that helps visualize the layout of HTML elements on a webpage".

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

تحميل ملف CRX للإضافة HTML Hierarchy Visualizer

قم بتنزيل ملفات الامتداد HTML Hierarchy Visualizer بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

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

معلومات أساسية عن التمديد

الاسم	HTML Hierarchy Visualizer
ID	beaeppehjnnnidajcmalfcajahopihcb
عنوان URL الرسمي	https://chromewebstore.google.com/detail/html-hierarchy-visualizer/beaeppehjnnnidajcmalfcajahopihcb
الوصف	This extension is a tool that helps visualize the layout of HTML elements on a webpage
حجم الملف	21.62 KB
عدد التثبيتات	2,678
النسخة الحالية	0.0.0.5
آخر تحديث	2016-09-13
تاريخ النشر	2016-09-13
تقييم	5.00/5 مجموع تقييمات 8
المطور	steven.massola
نوع الدفع	free
اللغات المدعومة	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" ] }