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
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 |
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 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": [ " |