Pixel Inspector Chrome 插件, crx 扩展下载
UI走查辅助工具
这是一款帮助开发或设计人员检查页面元素的工具，包括测量元素距离及展示元素部分样式信息。
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
| 分类 | 🛠️工具 |
| 插件标识 | kmnknmgkjkgdedjnihlddfmpkjndokke |
| 平台 | Chrome |
| 评分 |
★★★★★
5
|
| 评分人数 | 1 |
| 插件主页 | https://chromewebstore.google.com/detail/pixel-inspector/kmnknmgkjkgdedjnihlddfmpkjndokke |
| 版本号 | 1.0.5 |
| 大小 | 29.45KiB |
| 官网下载次数 | 205 |
| 下载地址 | |
| 更新时间 | 2024-05-23 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入： chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意：请确保使用最新版本的Chrome浏览器
同类插件推荐
ui-check
这是一个可以检测页面极限状态的插件，包括文本溢出，图片缺失，文本缺失等情况很多情况下，页面都是最完美
PixOK 前端开发切图辅助器
切图 / 像素对齐 / 视觉稿对比 / 取色 / 丈量 / 视觉还原 / 前端辅助 / 图片压缩It
Pixel Inspector
UI走查辅助工具这是一款帮助开发或设计人员检查页面元素的工具，包括测量元素距离及展示元素部分样式信息
LittleBee
埋点查看、埋点验收、埋点对比、埋点上传、埋点导出、埋点测试LittleBee LittleBee是
FigmaEX
FigmaEX 增强你的 Figma这是 Moonvy · 月维官方发布的 FigmaEX（http
Console Importer
Import JavaScript and CSS resources from console,
check-ui
UI走查还原工具，用于辅助前端和UI进行设计稿的比对和开发，拥有图片比对、标尺、吸色等实用功能。前端
草料二维码-快速生码和解码工具
草料二维码官方开发的免费工具插件，提供简单、专业、快捷的二维码生成和解码功能。主要功能包含： 一、生
XSwitch
A tool for redirecting URLs and allowing CORS to m
Ajax Modifier
To modify ajax responses on any page1. It is recom
Pixel measurement — 在线标尺像素
Chrome扩展程序 'Pixel measurement — 在线标尺像素' -
Better Ruler
一款网页测量工具，支持吸附测量。为前端开发和ui设计提供便利。一款网页测量工具，支持吸附测量。为前端
Visual Inspector(前端重构+视觉走查辅助工具)
前端重构和视觉走查的辅助工具。## Visual Inspector > 这款插件可以高效的