SheepNav
CSSPick

CSSPick

producthunt.com

一键检查并复制任意元素的CSS

1个月前制作者:wayknow

关于 CSSPick

CSSPick 是一款轻量级的浏览器扩展,旨在让开发者无需打开 DevTools 即可快速查看和复制网页元素的 CSS 样式。只需将鼠标悬停在任意元素上,即可看到其计算后的样式,并一键复制。它提供了免费层级,满足基本需求,而专业版(一次性付费 $19)则解锁全部功能,包括复制所有 CSS 和选择器。所有处理均在本地完成,确保数据安全,且权限要求极简。

核心功能

CSSPick 的核心是悬停检查:当您将鼠标悬停在页面元素上时,它会以浮层形式展示该元素的 CSS 属性,包括颜色、字体、间距、边框等,并附有元素描述。您可以选择单个属性组进行复制,或使用专业版一键复制全部 CSS 和选择器。

主要特性

  • 悬停即检:无需打开 DevTools,直接悬停查看元素样式。
  • 7 大属性组:涵盖布局、排版、颜色、背景、边框、效果等,分类清晰。
  • 一键复制:点击即可复制单个属性组或全部 CSS。
  • 本地处理:所有数据均在浏览器本地处理,不上传任何信息。
  • 极简权限:仅请求必要权限,保护用户隐私。

适用场景

CSSPick 非常适合前端开发者、设计师以及需要快速获取样式代码的任何人。无论是调试样式、学习他人的代码,还是快速提取设计规范,它都能大幅提升工作效率。相比昂贵的同类工具,CSSPick 以亲民的价格提供了同样强大的功能,是性价比极高的选择。

相关工具