Layout Debugger

Easily remove bugs from your layouts.

什麼是Layout Debugger?

Layout Debugger是由Ion Suman開發的Chrome擴展程式,該擴展的主要功能是“Easily remove bugs from your layouts.”。

擴展截圖

screenshot

下載Layout Debugger擴展crx文件

下載Layout Debugger擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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.                    

擴展基本資訊

名稱 Layout Debugger Layout Debugger
ID ajphijbpegmfhibhlhfkjdhkjbgbpdip
官方網址 https://chromewebstore.google.com/detail/layout-debugger/ajphijbpegmfhibhlhfkjdhkjbgbpdip
簡介 Easily remove bugs from your layouts.
檔案大小 23.85 KB
安裝次數 72
目前版本 1.2.0
更新時間 2018-12-12
上架時間 2018-12-12
評分 3.00/5 共 1 次評分
開發者 Ion Suman
付費類型 free
支援的語言 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": [
        ""
    ]
}