Co je Layout Debugger?

Layout Debugger je rozšíření Chrome vyvinuté cdsnowden, a jeho hlavní funkcí je „Chrome extension for highlighting DOM elements to better debug layout issues“.

Snímky obrazovky rozšíření

Stáhnout soubor CRX rozšíření Layout Debugger

Stáhněte si soubory rozšíření Layout Debugger ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

- 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..

Základní Informace o Rozšíření

Název	Layout Debugger
ID	gkamnoiedmidgolhlihkamjpfccohilb
Oficiální URL	https://chromewebstore.google.com/detail/layout-debugger/gkamnoiedmidgolhlihkamjpfccohilb
Popis	Chrome extension for highlighting DOM elements to better debug layout issues
Velikost souboru	251 KB
Počet instalací	897
Aktuální Verze	1.7
Poslední Aktualizace	2022-04-19
Datum Vydání	2017-07-31
Hodnocení	4.00/5 Celkem 3 Hodnocení
Vývojář	cdsnowden
E-mail	[email protected]
Typ Platby	free
Webové stránky Rozšíření	https://github.com/Recidvst/Layout-Debugger
URL Stránky Nápovědy	https://github.com/Recidvst/Layout-Debugger#support
Podporované Jazyky	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" ] }