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

screenshot
screenshot

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 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
E-mail [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": [
                ""
            ],
            "js": [
                "highlight.js"
            ]
        }
    ],
    "permissions": [
        "activeTab"
    ],
    "web_accessible_resources": [
        "*.png",
        "highlight.js"
    ]
}