Outline All Elements

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

Outline All Elements - Chrome Extension

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.
Install from Chrome Web Store

Extension stats

Users: 359
-11
Version: 1.0 (Last updated: 2020-01-10)
Creation date: 2020-01-09
Risk impact: Very low risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • activeTab
Size: 31.98K

Other platforms

Not available on Android
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.

Extension 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

Extension safety

Risk impact

Outline All Elements does not require any sensitive permissions.

Risk likelihood

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

Upgrade to see risk analysis details

Similar extensions

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