Outline All Elementsとは何ですか？

Outline All ElementsはMohannadNajによって開発されたChromeの拡張機能で、その主な機能は「Add CSS Outline property to all elements on the page for debugging CSS Layout.」です。

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

Outline All Elements拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.

Mainly this is useful for debugging CSS Layout and discovering potential issues.

Notes:

- Click the extension icon for activating/deactivating.

- The outline colors are randomized based on it's order on the page.

- The colors are randomized by assigning different cumulative Hue degree and a fixed Saturation (99%) and Light (50%).

- On deactivating, the extension will restore the old outline value if it was there, and remove the style HTML attribute if it wasn't there before activating.

Source Code:
https://github.com/MohannadNaj/outline-all-elements

拡張機能の基本情報

名前	Outline All Elements
ID	nppiigcgjgghnpdflckpalmdmpnfglfa
公式URL	https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
説明	Add CSS Outline property to all elements on the page for debugging CSS Layout.
ファイルサイズ	31.23 KB
インストール数	285
現在のバージョン	1.0
最終更新日	2020-01-10
公開日	2020-01-09
開発者	MohannadNaj
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Outline All Elements", "version": "1.0", "description": "Add CSS Outline property to all elements on the page for debugging CSS Layout.", "manifest_version": 2, "background": { "persistent": true, "scripts": [ "background.js" ] }, "permissions": [ "activeTab" ], "browser_action": { "default_icon": { "16": "icon_16.png", "32": "icon_32.png", "48": "icon_48.png", "128": "icon_128.png" } }, "icons": { "16": "icon_16.png", "32": "icon_32.png", "48": "icon_48.png", "128": "icon_128.png" } }