Layout Debugger

Chrome extension for highlighting DOM elements to better debug layout issues

Cos'è Layout Debugger?

Layout Debugger è un'estensione di Chrome sviluppata da cdsnowden, e la sua funzione principale è "Chrome extension for highlighting DOM elements to better debug layout issues".

Screenshot dell'Estensione

screenshot
screenshot

Scarica il file CRX dell'estensione Layout Debugger

Scarica i file di estensione Layout Debugger in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

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

Informazioni di Base sull'Estensione

Nome Layout Debugger Layout Debugger
ID gkamnoiedmidgolhlihkamjpfccohilb
URL Ufficiale https://chromewebstore.google.com/detail/layout-debugger/gkamnoiedmidgolhlihkamjpfccohilb
Descrizione Chrome extension for highlighting DOM elements to better debug layout issues
Dimensione del File 251 KB
Conteggio Installazioni 897
Versione Corrente 1.7
Ultimo Aggiornamento 2022-04-19
Data di Pubblicazione 2017-07-31
Valutazione 4.00/5 Totale 3 Valutazioni
Sviluppatore cdsnowden
Email [email protected]
Tipo di Pagamento free
Sito Web dell'Estensione https://github.com/Recidvst/Layout-Debugger
URL della Pagina di Aiuto https://github.com/Recidvst/Layout-Debugger#support
Lingue Supportate 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"
    ]
}