Outline All Elements Chrome Extension

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 ..d 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 chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Outline All Elements Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Outline All Elements Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Outline All Elements in Chrome Webstore Search and click on the search button.
• Step 3: click on the Outline All Elements Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Outline All Elements extension for your Chrome Web browser .