不仅在所有元素上插入轮廓（无背景色），还能检查大小和布局。 CSS 太棒了！
Pesticide 3.2 是一款适用于 Chrome 的高级 CSS 调试器，可帮助您直接在页面上检查布局、间距、字体和计算样式。
启用 Pesticide 后，将鼠标悬停在任何元素上，即可打开一个浮动检查器，其中包含您所需的详细信息：
- 元素标签、ID 和类
- DOM 路径
- 客户端/偏移/滚动尺寸
- 完整的盒模型：边距、边框、内边距、半径和内容大小
- 字体检查
- 计算 CSS 属性
- 以 Tailwind、行内或块级格式复制 CSS 输出
Pesticide 的实用功能：
- 基于轮廓的调试，无需移动布局
- 点击即可固定当前元素，以便比较间距和样式
- 可调整大小、可拖动的检查器叠加层
- 每个站点保存面板位置和大小
- 选项页面，用于显示或隐藏检查器部分
- 使用 Ctrl + Shift + P 快速键盘控制
Pesticide 专为前端开发人员、设计师以及任何需要调试复杂 CSS 的人员而设计。 它提供了一种快速直观的方式来了解页面的构建方式，无需为每个细小的布局检查都打开笨重的工具。
3.2 版本亮点：
- 更完善的浮动检查器工作流程
- 可复制 CSS 面板，支持 Tailwind、行内和块级样式输出
- 字体和计算样式检查
- 可在选项页面配置检查器部分
如果您需要一款轻量级的 Chrome 扩展程序来加快 CSS 调试速度，Pesticide 正是为此而生。
