Layout Debugger
Chrome extension for highlighting DOM elements to better debug layout issues
Wat is Layout Debugger?
Layout Debugger is een Chrome-extensie ontwikkeld door cdsnowden, en de belangrijkste functie is "Chrome extension for highlighting DOM elements to better debug layout issues".
Extensie Screenshots
Download het CRX-bestand van de extensie Layout Debugger
Download Layout Debugger-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.
Instructies voor het Gebruik van de Extensie
- 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..
Basisinformatie over de Extensie
Naam | Layout Debugger |
ID | gkamnoiedmidgolhlihkamjpfccohilb |
Officiële URL | https://chromewebstore.google.com/detail/layout-debugger/gkamnoiedmidgolhlihkamjpfccohilb |
Beschrijving | Chrome extension for highlighting DOM elements to better debug layout issues |
Bestandsgrootte | 251 KB |
Aantal Installaties | 897 |
Huidige Versie | 1.7 |
Laatst Bijgewerkt | 2022-04-19 |
Publicatiedatum | 2017-07-31 |
Beoordeling | 4.00/5 Totaal 3 Beoordelingen |
Ontwikkelaar | cdsnowden |
[email protected] | |
Betalingswijze | free |
Extensiewebsite | https://github.com/Recidvst/Layout-Debugger |
Help Pagina-URL | https://github.com/Recidvst/Layout-Debugger#support |
Ondersteunde Talen | 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": [ " |