Pixel Inspector

★★★★★
★★★★★
248 users
<
>
Threshold Textured Faux Fur Reversible Gray Throw Blanket | Target
★★★★★
★★★★★
Cambridge Resources 7-Count Butt Splice Wire Connectors
★★★★★
★★★★★
Talking Trump Birthday Card - Wishes You A Happy Birthday in Donald Trump's Real
★★★★★
★★★★★
DEADPOOL & WOLVERINE: WWIII #2 ADAM KUBERT 2ND PRINTING VAR
★★★★★
★★★★★
NOCO X-Connect Eyelet Terminal Connector - NOCO: The X-Connect Eyelet Terminal...
★★★★★
★★★★★
Nike Tiempo Legend 10 Academy Indoor Shadow - BlackChromeHyper Royal
★★★★★
★★★★★

这是一款帮助开发或设计人员检查页面元素的工具,包括测量元素距离及展示元素部分样式信息。
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
Related