CSS Scan

软件介绍

CSS Scan 是一款用于检查和复制 CSS 的浏览器扩展。鼠标悬停在网页元素上，就能看到该元素的 CSS，点击后可复制整条规则。官网署名开发者为 @gvrizzo。

核心功能

• 悬停查看与一键复制：悬停显示样式，点击复制 CSS 规则。
• 复制范围：可复制子元素、伪类、伪元素和媒体查询。
• 保留原始单位：保留 %、em、rem 等单位，不转换成像素。
• 键盘操作：方向键可在父、兄弟、子元素间移动，空格键固定 CSS 窗口以便编辑，Shift 键暂停扫描。
• 导出：可把元素连同 HTML 和 CSS 导出到 Codepen。
• Tailwind：可选择把 CSS 转成 Tailwind CSS 类名。

版本与授权

这是付费软件，官网采用一次性买断的终身授权，同一授权最多同时用于 3 个浏览器，授权在 MyCssScan.com 管理。官网标价 120 美元，抓取时有截止到 10 月 31 日的促销价 59 美元。官网页面显示版本为 4.0。

支持平台与系统要求

支持 Chrome、Firefox、Safari（需 macOS 10.12 或更高版本）和 Edge。

适用人群或使用场景

适合前端开发者和网页设计师，在研究现有网站的样式、复用某个组件的 CSS 时使用。