跳到主要内容
CSSPick — Inspect & Copy CSS

CSSPick — Inspect & Copy CSS EN

Niftyware · Edge MV3

Hover any element and copy its CSS as CSS, SCSS, Tailwind, or React inline styles, with variable detection and a spacing overlay.

3用户 v1.0.0当前版本
前往 Edge 商店

截图

  • CSSPick — Inspect & Copy CSS 截图
  • CSSPick — Inspect & Copy CSS 截图
  • CSSPick — Inspect & Copy CSS 截图

简介

Stop rebuilding CSS by hand.

Hover any element on any website and CSSPick instantly shows its real, cleaned-up styles — no DevTools clutter, no longhand junk. Then copy it in the language you actually write:

• Vanilla CSS — clean and shorthand-collapsed
• SCSS — nested, with &:hover states wired up
• Tailwind — a 400+ mapping engine turns styles into real utility classes
• React — camelCased inline styles, ready to paste
• CSS Variables — see the var(--token) behind a value, with colour swatches

Built-in extras most inspectors don't have:
• CSS variable / design-token detection
• A spacing overlay (orange margin + green padding, with pixel labels)
• Live editing — pin an element, tweak a value or pick a colour, watch the page change in real time
• :hover / :focus / ::before capture and @media (responsive) rules
• DOM navigation with arrow keys

Works on any site — WordPress, Shopify, Webflow, React/Vue apps, anything.

CSSPick is a one-time purchase (no subscription). A license unlocks it on up to 3 browsers, movable between devices anytime at csspick.site/manage.

Get a license: https://niftyware.gumroad.com/l/csspick

CSSPick — Inspect & Copy CSS 是做什么的

CSSPick — Inspect & Copy CSS 是一款面向 Edge 的实用工具类扩展，主要用来解决浏览器里某类具体的小问题。官方对它的介绍是：Hover any element and copy its CSS as CSS, SCSS, Tailwind, or React inline styles, with variable detection and a spacing overlay.在微软 Edge 加载项商店上，它当前版本 1.0.0，约 3 名用户。

适合什么人用

从功能定位看，CSSPick — Inspect & Copy CSS 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 CSSPick — Inspect & Copy CSS

  1. 打开微软 Edge 加载项商店上的官方页面；
  2. 点「添加到浏览器」并确认权限提示；
  3. 装好后在扩展列表里固定图标，方便随时开关。

本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。

常见问题

CSSPick — Inspect & Copy CSS 是免费的吗？

CSSPick — Inspect & Copy CSS 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。

CSSPick — Inspect & Copy CSS 安全吗？

它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。

CSSPick — Inspect & Copy CSS 支持哪些浏览器？

当前收录的版本来自微软 Edge 加载项商店，适用于 Edge。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。

怎么卸载 CSSPick — Inspect & Copy CSS？

在扩展管理页找到 CSSPick — Inspect & Copy CSS，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 3

  • activeTab
  • scripting
  • storage