Outline All Elements

简介:

为页面上的所有元素添加CSS Outline属性以调试CSS布局。

一个 Chrome 扩展，用于向页面上的所有元素添加 CSS Outline 属性（具有不同的颜色）。

这主要对于调试 CSS 布局和发现潜在问题很有用。

笔记：

- 单击扩展图标以激活/停用。

- 轮廓颜色根据页面上的顺序随机排列。

- 通过分配不同的累积色相度和固定的饱和度 (99%) 和光度 (50%) 来随机化颜色。

- 停用时，扩展程序将恢复旧的轮廓值（如果存在），并删除样式 HTML 属性（如果在激活之前不存在）。

源代码：
https://github.com/MohannadNaj/outline-all-elements