Outline All Elements (nppiigcgjgghnpdflckpalmdmpnfglfa): Add CSS Outline property to all elements on the page for debugging CSS Layout.... Read More > or Download Now >
Outline All Elements for Chrome
Tech Specs
- • Type: Browser Extension
- • Latest Version: 1.0
- • Price: Freeware
- • Offline: No
- • Developer: MohannadNaj
User Reviews
- • Rating Average
- 0 out of 5
- • Rating Users
- 0
Download Count
- • Total Downloads
- 15
- • Current Version Downloads
- 15
- • Updated: January 9, 2020
Outline All Elements is a free Developer Tools Extension for Chrome. You could download the latest version crx file and install it.
More About Outline All Elements
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
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
