Co je Outline All Elements?

Outline All Elements je rozšíření Chrome vyvinuté MohannadNaj, a jeho hlavní funkcí je „Add CSS Outline property to all elements on the page for debugging CSS Layout.“.

Snímky obrazovky rozšíření

Stáhnout soubor CRX rozšíření Outline All Elements

Stáhněte si soubory rozšíření Outline All Elements ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

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

Základní Informace o Rozšíření

Název	Outline All Elements
ID	nppiigcgjgghnpdflckpalmdmpnfglfa
Oficiální URL	https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
Popis	Add CSS Outline property to all elements on the page for debugging CSS Layout.
Velikost souboru	31.23 KB
Počet instalací	285
Aktuální Verze	1.0
Poslední Aktualizace	2020-01-10
Datum Vydání	2020-01-09
Vývojář	MohannadNaj
E-mail	[email protected]
Typ Platby	free
Podporované Jazyky	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" } }