Outline All Elements

Outline All Elements

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

What is Outline All Elements?
Outline All Elements is a Chrome extension that adds the CSS Outline property to all elements on a webpage. It is a useful tool for debugging CSS layout and identifying potential issues.
Merlin
Stats
Users: 344 ▲ 9
Version: 1.0 (Last updated: 2020-01-10)
Creation date: 2020-01-09
Risk impact: Very low risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 2
Permissions:
  • activeTab
Size: 31.98K
Stats date:

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension
Merlin
Summary

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

Safety
Risk impact

Outline All Elements is safe to use. It does not request any sensitive permissions.

Risk likelihood

Outline All Elements has earned a good reputation and can be trusted.

Upgrade to see risk analysis details
Screenshots
Similar extensions

Here are some Chrome extensions that are similar to Outline All Elements: