Pesticide - 高级 CSS 调试器

不仅在所有元素上插入轮廓（无背景色），还能检查大小和布局。 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 正是为此而生。