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 正是為此而生。