Что такое Outline All Elements?

Outline All Elements - это расширение Chrome, разработанное MohannadNaj, и его основная функция - "Add CSS Outline property to all elements on the page for debugging CSS Layout.".

Снимки экрана расширения

Скачать файл CRX расширения Outline All Elements

Скачайте файлы расширений 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
Электронная почта	[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" } }