UI走查辅助工具
Pixel Inspector Extension
This is a tool designed to assist developers or designers in inspecting page elements, including measuring distances between elements and displaying partial style information of the elements.
>>>> 主要功能<<<<
✅ 查看信息: 即查看模式,点击插件图标,开启插件后,将鼠标悬浮在元素上,可显示部分样式信息。
✅ 元素测距: 即测距模式,先选中一个目标元素,将鼠标移动到其他元素,可显示两元素之间的距离尺寸。 元素选择方式:1、鼠标点击选择:点击元素选中,再次点击可取消;2、按键选择:鼠标移动到元素上,按一次Alt(Option)可选中元素,连按两次可取消。按ESC键也可取消元素选择,退出测距模式。
>>>> 快捷键<<<<
✅元素选择模式切换 Alt (Option) + Shift + A
✅复制css样式代码 Ctrl (cmd) + C
✅样式信息完整显示 E
✅只显示水平或竖直方向距离 X(Y)
✅取消选择元素 ESC
Source Manifest.json
Similar Extensions
Pixel measurement 178 26 ★ 236KiB
Visual Inspector(前端重构+视觉走查辅助工具) 178 10 ★ 174KiB
LittleBee 178 0 ★ 3.85MiB
check-ui 178 1 ★ 440KiB
FigmaEX 178 5 ★ 751KiB
Ajax Modifier 178 48 ★ 2.08MiB
草料二维码-快速生码和解码工具 178 73 ★ 289KiB
PixOK, A CSS design tool for FE developers 178 1 ★ 1.32MiB
Web元素捕手 178 0 ★ 24.37KiB
ui-check 178 1 ★ 59.52KiB
Console Importer 178 20 ★ 9.55KiB
Better Ruler 178 52 ★ 93.66KiB
稀土掘金 178 339 ★ 4.66MiB
FigmaCN 178 44 ★ 53.8KiB
FeHelper(前端助手) 178 321 ★ 2.72MiB
AlloyDesigner 178 22 ★ 531KiB
XSwitch 178 18 ★ 1.6MiB
Apifox Browser Extension 178 9 ★ 28.39KiB
花瓣采集插件 178 67 ★ 1.19MiB
Metric Spy 178 2 ★ 268KiB
Find Selector 178 4 ★ 62.08KiB
Measuremate 178 42 ★ 797KiB
Hover inspector like in Zeplin , Figma 178 29 ★ 122KiB
Designer Tools 178 227 ★ 987KiB