跳到主要内容
查看 · 复制

选取任意网页元素,随时带走

Inspect v1.0.0

SuperchargeInspect 可在任意页面上打开,让你选取任意元素并随时带走。悬停后点击,或用方向键移动、按 Enter 锁定。叠加层直接在页面上绘制盒模型,面板会显示字体、颜色和间距。一键复制即可把文本和一张干净的快照放入剪贴板,如有需要还可附上备注。

  • 用鼠标选取,或用方向键移动、按 Enter 锁定
  • 叠加层直接在页面上绘制内边距、外边距和内容框
  • 逐个元素显示字体、字号、字重、字距、颜色和盒模型
  • 点击任意数值卡片即可复制
  • 复制完整参考:文本与干净的 PNG 快照合并为一项
  • 最多 1200 个字符的备注会一并附在参考内容和图片页脚中
  • Shadow root、slot、SVG 及同源 iframe 均可选取

打开任意页面,按 Alt+Shift+E 或点击工具栏图标。用方向键移动,按 Enter 锁定元素,一键复制完整的引用信息。

选取元素

两种方式:悬停并点击,或全程使用键盘。左、上、右、下方向键在元素之间移动,Ctrl+Up(Mac 上为 Option+Up)跳到父元素,Ctrl+Down(Option+Down)跳到子元素。Enter 锁定元素,Esc 后退一步,? 显示快捷键列表。选取器可深入 shadow root、slot、SVG 以及同源 iframe。

在页面上查看盒模型

选取元素后,它会直接绘制在页面上:内边距和外边距以底色标出,内容框显示轮廓,锁定的元素则以带琥珀色控制点的外框标记。轮廓会沿用元素自身的 border-radius,圆角元素依然显示为圆角。

在面板中查看详情

面板会完整列出元素信息:字体族、字号、字重和字间距,并用元素自身的字体实时展示样例。文本、背景和边框颜色以色块显示,盒模型图涵盖外边距、边框、内边距、圆角、display 和 gap。点击任意数值块即可复制。上方显示父元素的面包屑导航,面板可停靠在左侧或右侧。

备注

添加一条自由文本备注,最多 1200 个字符。备注会写入复制的引用信息,并出现在快照图片的页脚,你注意到的内容也会随之一并带上。

复制引用

复制后,完整引用会作为单个条目放入剪贴板,同时包含文本和一张干净的 PNG 快照。文本包括备注、来源 URL、页面标题、时间戳、元素的标签和定位器、可见文本、视口和边界、观察到的样式,以及经过清理的元素代码片段。它不包含表单值和页面中的隐藏部分,URL 中的任何凭据参数都会被隐去。你也可以只复制文本、只复制图片,或将 PNG 保存为文件。