Layout Debuggerとは何ですか？

Layout DebuggerはIon Sumanによって開発されたChromeの拡張機能で、その主な機能は「Easily remove bugs from your layouts.」です。

拡張機能のスクリーンショット

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
ID	ajphijbpegmfhibhlhfkjdhkjbgbpdip
公式URL	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": [ "" ] }