ما هو 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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

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" } }