HTML Hierarchy Visualizer

This extension is a tool that helps visualize the layout of HTML elements on a webpage

HTML Hierarchy Visualizer क्या है?

HTML Hierarchy Visualizer steven.massola द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "This extension is a tool that helps visualize the layout of HTML elements on a webpage"।

एक्सटेंशन स्क्रीनशॉट्स

screenshot
screenshot

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में HTML Hierarchy Visualizer एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ 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 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"
    ]
}