Outliner CSSとは何ですか？

Outliner CSSはtarahによって開発されたChromeの拡張機能で、その主な機能は「A totally awesome structure and layout debugger that inserts CSS outlines to all elements.」です。

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

Outliner CSS拡張機能のCRXファイルをダウンロード

Outliner CSS拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

After years of adding debug styles into projects to help debug structure and layout issues I spent an afternoon making the Outliner CSS chrome extension.

Outliner CSS is added to the current page on all elements with the option to switch between RGB colors and toggle background color opacity to highlight depth.

拡張機能の基本情報

名前	Outliner CSS
ID	epodomlablfiehjgajhlhbdhidlkokaj
公式URL	https://chromewebstore.google.com/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj
説明	A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
ファイルサイズ	13.01 KB
インストール数	9,566
現在のバージョン	1.0.1
最終更新日	2017-10-10
公開日	2017-10-10
評価	5.00/5 合計 8 レビュー
開発者	tarah
支払い方法	free
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Outliner CSS", "description": "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.", "version": "1.0.1", "permissions": [ "activeTab", "storage" ], "browser_action": { "default_title": "Outliner CSS", "default_icon": "icon_19.png", "default_popup": "popup.html" }, "icons": { "128": "icon_128.png", "16": "icon_16.png", "48": "icon_48.png" }, "manifest_version": 2 }