Layout Debugger

Easily remove bugs from your layouts.

What is Layout Debugger?

Layout Debugger is a Chrome extension developed by Ion Suman, and its main feature is "Easily remove bugs from your layouts.".

Extension Screenshots

screenshot

Download Layout Debugger Extension CRX File

Download Layout Debugger extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Outline all elements on your page to better see their placement and dimensions on the page.

- By default debugger is disabled, to enable it just click on extension's icon.
- Hold CTRL or CMD key and hover an element to see it's dimensions. 
- Debugger stays enabled after page reloads until you disable it.                    

Extension Basic Information

Name Layout Debugger Layout Debugger
ID ajphijbpegmfhibhlhfkjdhkjbgbpdip
Official URL https://chromewebstore.google.com/detail/layout-debugger/ajphijbpegmfhibhlhfkjdhkjbgbpdip
Description Easily remove bugs from your layouts.
File Size 23.85 KB
Installation Count 72
Current Version 1.2.0
Last Updated 2018-12-12
Publish Date 2018-12-12
Rating 3.00/5 Total 1 Ratings
Developer Ion Suman
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Layout Debugger",
    "description": "Easily remove bugs from your layouts.",
    "version": "1.2.0",
    "icons": {
        "16": "icons\/16.png",
        "48": "icons\/48.png",
        "128": "icons\/128.png"
    },
    "browser_action": {
        "default_title": "Layout Debugger",
        "default_icon": {
            "16": "icons\/16-disabled.png",
            "24": "icons\/24-disabled.png",
            "32": "icons\/32-disabled.png"
        }
    },
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        ""
    ]
}