Τι είναι το 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" } }