Outline All Elements

Outline All Elements is a Chrome extension developed by MohannadNaj. According to the data from Chrome web store, current version of Outline All Elements is 1.0, updated on 2020-01-09.
109 users have installed this extension. No user have rated this extension yet.

Add CSS Outline property to all elements on the page for debugging CSS Layout.

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