Was ist Outline All Elements?

Outline All Elements ist eine Chrome-Erweiterung, die von MohannadNaj entwickelt wurde, und ihr Hauptmerkmal ist "Add CSS Outline property to all elements on the page for debugging CSS Layout.".

Erweiterungsscreenshots

Outline All Elements-Erweiterungs-CRX-Datei herunterladen

Laden Sie Outline All Elements-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

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

Grundlegende Informationen zur Erweiterung

Name	Outline All Elements
ID	nppiigcgjgghnpdflckpalmdmpnfglfa
Offizielle URL	https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
Beschreibung	Add CSS Outline property to all elements on the page for debugging CSS Layout.
Dateigröße	31.23 KB
Installationsanzahl	285
Aktuelle Version	1.0
Letztes Update	2020-01-10
Veröffentlichungsdatum	2020-01-09
Entwickler	MohannadNaj
E-Mail	[email protected]
Zahlungsart	free
Unterstützte Sprachen	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" } }