Outline All Elements chrome extension

Version: 1.0
Outline All Elements
Add CSS Outline property to all elements on the page for debugging CSS Layout.
0.00 Based on 0 user rates

What is Outline All Elements?

Outline All Elements is a css extension for chrome. it's a free extension , it has 109 active users since released its first version, it earns an average rating of 0.00 from 0 rated user, last update is 1560 days ago.


What’s new in version 1.0?

                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            

How to install Outline All Elements?

You could download the latest version crx file or older version files and install it.


Preview of Outline All Elements


Technical Features:

  • Latest Version: 1.0
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Thursday, January 9th, 2020
  • Author: MohannadNaj

Outline All Elements Available languages:

English.


FAQ