通过向 HTML 元素添加彩色轮廓来即时调试 CSS 布局。只需单击一下即可轻松识别和检查元素。
此扩展旨在简化 CSS 调试和布局检查。它可以立即为 HTML 元素添加彩色轮廓，从而轻松可视化和识别网页上的不同元素。
该扩展解决了难以理解网站结构和布局的常见问题。此扩展提供了页面底层结构的快速可视化概述，而不是手动检查浏览器开发人员工具中的元素。
单击扩展程序的图标时，它会将脚本注入当前选项卡，以切换 CSS 轮廓。该脚本对不同的 HTML 元素使用预定义的颜色映射，并动态生成和注入 CSS 规则来应用轮廓。
它的功能与旧的 Pesticide 扩展类似，但与 Manifest V3 兼容。源代码不包含任何第三方依赖项。
🌐 开源存储库：https://github.com/aydgn/css-debugger-extension
