跳到主要内容

免费 · 无需账号 · 本地运行

检查任意元素。复制数值，交给你的 AI 编程工具。

指向任意元素，即可读取其字体、颜色和间距，并复制给你的 AI 编程工具。

无需账号 · 零网络请求

免费添加到 Chrome 检查此页面
Supreme Bold · 700

Ag

  • Ink
  • Amber
  • Paper
Aa Bb Cc 012392 / 1.0 / −0.028em

该按钮会在卡片上打开真实的面板。指向页面上的任意内容即可。

面板

一览全部信息

锁定元素后，面板会将所有信息分为三个部分：排版、颜色和盒模型。你看到的每个值都可以单独一键复制。

  • 排版 查看字体族、字号、字重和字间距。
  • 颜色 以十六进制读取文字、背景和边框颜色。
  • 盒模型 查看内边距、外边距、间距、圆角和 display 属性。
或按 AltShiftE
SuperchargeInspect 面板锁定在示例卡片的 Ag 字形上：显示 Typography、Colors、Box、备注栏和 Copy reference 按钮。 SuperchargeInspect 面板锁定在示例卡片的 Ag 字形上：显示 Typography、Colors、Box、备注栏和 Copy reference 按钮。

复制引用

把页面元素直接交给你的 AI 工具

写一句简短备注，然后复制引用。

  • 备注、页面地址、元素定位符、样式和标记代码片段。
  • 带标注的截图，显示锁定的元素及其上下文。
  • 可只复制文本、只复制图片，或保存为 PNG。
Copy reference 生成的引用图片：Ag 字形被裁剪并加框，附带备注 Use Supreme Bold for the Ag heading.、页面地址和一行样式信息。
演示通过重绘页面来模拟截图。安装扩展后，它会截取你的真实标签页，并保持私密。
  • 网络请求 0 不向任何地方发送数据
  • 账号 无 无需注册
  • 面板分区 3 排版、颜色、盒模型
  • 复制方式 5 值、引用、文本、图片、PNG

全程键盘操作

  • Alt+Shift+E在当前页面开始检查。也可以点击工具栏按钮。
  • Arrow keys移动到页面上的上一个或下一个元素。
  • Ctrl+Up / Ctrl+Down移动到父元素或子元素。在 macOS 上，请使用 Option+Up 和 Option+Down。
  • Enter锁定指针所指的元素。再按一次即可添加备注。
  • Ctrl+Enter复制引用。在 macOS 上请使用 Cmd+Enter。若尚未锁定，则会先锁定再复制。
  • Esc返回选取状态，或关闭面板。

私密且本地运行

从设计上保护隐私

无网络请求，无需账号。

  • 没有网络请求，不向任何服务器发送数据。
  • 无需账号，也不会从你的设备上传任何内容。
  • 只有在你保存或粘贴截图时，截图才会离开你的设备。
  • 仅保存你在每个页面上最后一次选取的元素和主题设置。

各功能指南涵盖的内容

常见问题

SuperchargeInspect 是什么？
SuperchargeInspect 是一款 CSS 检查器和元素检查工具。指向页面上的任意元素，它会在一个面板中显示字体、颜色和间距。你可以复制单个值，也可以连同备注和带标注的截图一起复制全部内容，发给你的 AI 编程工具。
它显示的是网站实际渲染的字体吗？
它显示的是声明的字体族，而不是经过验证的实际渲染字体。面板显示列表中的第一个字体族，复制时会获取完整的声明字体栈。这是页面请求使用的字体。它不会检查屏幕上实际绘制的是哪种字体，因此请将其视为声明的字体族。
支持显示哪些颜色格式？
颜色以十六进制显示，包括文字颜色、背景颜色以及边框颜色（如有）。部分透明的颜色显示为 rgba 值，完全透明的颜色显示为 transparent。点击任意颜色即可复制该确切值。
复制给 AI 编程工具的内容包括什么？
你先写一条简短备注，然后复制引用。复制的文本包含你的备注、页面地址、元素及其定位符、视口尺寸和滚动位置、元素的位置和尺寸、观察到的样式，以及一小段标记代码片段。带标注的截图会显示该元素以及你的备注、地址和一行简短的样式信息。
它会上传我的数据吗？
不会。你检查的所有内容都保留在你的设备上。该扩展不发起任何网络请求，也不发送任何数据。无需账号。只有当你保存截图或将其粘贴到别处时，截图才会离开你的设备，而其他应用如何处理粘贴的内容由该应用决定。
在哪里下载？现在能用吗？
现已支持 Windows、macOS 和 Linux 上的 Chrome 和 Edge。可从 Chrome Web Store 或 Microsoft Edge 加载项商店获取。完全免费，无需账号。

三秒完成安装。无需任何配置。

本地检查元素，在一个面板中显示任意元素的字体、颜色和间距，并将这些数值连同备注和标注截图一起复制，供你的 AI 编程工具使用。

免费添加到 Chrome

为工单提供证据

直接展示 bug，而不是用文字描述。

检查时发现了布局错乱？录制标签页或截取长截图，直接分享到 Google 云端硬盘。无水印，无需账号。

添加到 Chrome

免费 · 100% 本地运行 · 无需账号