Layout Debugger क्या है?

Layout Debugger cdsnowden द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "Chrome extension for highlighting DOM elements to better debug layout issues"।

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

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

crx प्रारूप में Layout Debugger एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ crx फ़ाइलों को साझा करें ताकि क्रोम एक्सटेंशन को आसानी से स्थापित किया जा सके।

एक्सटेंशन उपयोग निर्देश

- Identifying too-wide overflowing objects.
- Distinguishing block from inline elements.
- Helping to keep track of element alignment.

Adds a distinct colour outline to each visible DOM element, as well as providing a visual prompt for overflowing divs.

display: block; => blue;
display: inline; => purple;
overflowing the viewport => red!
etc..

एक्सटेंशन की मूल जानकारी

नाम	Layout Debugger
ID	gkamnoiedmidgolhlihkamjpfccohilb
आधिकारिक URL	https://chromewebstore.google.com/detail/layout-debugger/gkamnoiedmidgolhlihkamjpfccohilb
विवरण	Chrome extension for highlighting DOM elements to better debug layout issues
फ़ाइल का आकार	251 KB
स्थापना संख्या	897
वर्तमान संस्करण	1.7
अंतिम अपडेट	2022-04-19
प्रकाशन तिथि	2017-07-31
रेटिंग	4.00/5 कुल 3 रेटिंग्स
डेवलपर	cdsnowden
ईमेल	[email protected]
भुगतान के प्रकार	free
एक्सटेंशन वेबसाइट	https://github.com/Recidvst/Layout-Debugger
सहायता पृष्ठ URL	https://github.com/Recidvst/Layout-Debugger#support
समर्थित भाषाएँ	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Layout Debugger", "short_name": "Layout Debugger", "description": "Chrome extension for highlighting DOM elements to better debug layout issues", "version": "1.7", "author": "Chris Snowden", "icons": { "19": "images\/icon19dark.png", "38": "images\/icon38dark.png", "128": "images\/icon128dark.png" }, "browser_action": { "default_icon": { "19": "images\/icon19dark.png", "38": "images\/icon38dark.png" }, "default_title": "Toggle highlighter" }, "background": { "scripts": [ "background.js" ], "persistent": false }, "content_scripts": [ { "matches": [ "" ], "js": [ "highlight.js" ] } ], "permissions": [ "activeTab" ], "web_accessible_resources": [ "*.png", "highlight.js" ] }