Pixel Inspector

Pixel Inspector 插件安装教程：

扩展迷 | chrome插件下载与安装教程（图文讲解，全网最详细）

Pixel Inspector 插件简介：

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

Pixel Inspector 插件ID：

kmnknmgkjkgdedjnihlddfmpkjndokke

Pixel Inspector 插件最新版本：

1.0.5